diff --git a/src/app/pages/component-viewer/component-viewer.scss b/src/app/pages/component-viewer/component-viewer.scss
index d6292b30a..a7187aa91 100644
--- a/src/app/pages/component-viewer/component-viewer.scss
+++ b/src/app/pages/component-viewer/component-viewer.scss
@@ -10,8 +10,17 @@ app-component-viewer {
     margin: 16px;
   }
 
-  md-tab {
-    margin: 30px;
+  // Direct chain is necessary to avoid styling tabs in the example viewer
+  & > .mat-tab-header {
+    border: none;
+    margin-bottom: 30px;
+
+    & > .mat-tab-label-container > .mat-tab-list > .mat-tab-labels > .mat-tab-label {
+      font-weight: 400;
+      margin: 0 10px;
+      min-width: 0;
+      padding: 0 5px;
+    }
   }
 }
 
@@ -19,15 +28,3 @@ app-component-viewer {
   padding: 0 0 10px 30px;
   min-height: 150px;
 }
-
-.mat-tab-header {
-  border: none;
-  margin-bottom: 30px;
-}
-
-.docs-component-viewer-tabbed-content .mat-tab-header .mat-tab-label {
-  font-weight: 400;
-  margin: 0 10px;
-  min-width: 0px;
-  padding: 0 5px;
-}