diff --git a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.html b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.html
index c22a2457807..ad6d9081b51 100644
--- a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.html
+++ b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.html
@@ -6,8 +6,10 @@
 
     @if (view() === CodeExampleViewMode.MULTI_FILE) {
       <mat-tab-group #codeTabs animationDuration="0ms" mat-stretch-tabs="false">
-        @for (tab of tabs(); track tab) {
-          <mat-tab [label]="tab.name" />
+        @if (showCode()) {
+          @for (tab of tabs(); track tab) {
+            <mat-tab [label]="tab.name" />
+          }
         }
       </mat-tab-group>
     }
diff --git a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss
index 00725167c39..4e13250294d 100644
--- a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss
+++ b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss
@@ -31,6 +31,7 @@
   transition: background 0.3s ease, border-color 0.3s ease;
   padding-inline-end: 0.65rem;
   font-family: var(--inter-tight-font);
+  height: 3rem;
 
   mat-tab-group {
     max-width: calc(100% - 140px);