diff --git a/src/blazor/client/BootstrapClient.Shared/Shared/MainLayout.razor b/src/blazor/client/BootstrapClient.Shared/Shared/MainLayout.razor
index eb77d52e..6be69465 100644
--- a/src/blazor/client/BootstrapClient.Shared/Shared/MainLayout.razor
+++ b/src/blazor/client/BootstrapClient.Shared/Shared/MainLayout.razor
@@ -4,7 +4,7 @@
         IsFullSide="@IsFullSide" IsFixedHeader="@IsFixedHeader" IsFixedFooter="@IsFixedFooter" ShowFooter="@ShowFooter"
         Menus="@MenuItems" UseTabSet="@UseTabSet"
         TabDefaultUrl="/Home/Index"
-        AdditionalAssemblies="new[] { GetType().Assembly }" OnAuthorizing="@OnAuthorizing" class="@Theme">
+        AdditionalAssemblies="new[] { GetType().Assembly }" OnAuthorizing="@OnAuthorizing" class="@Theme is-fixed-tab">
     <Header>
         <span class="ml-3 flex-sm-fill d-none d-sm-block">Bootstrap of Blazor</span>
         <Widget></Widget>
diff --git a/src/blazor/client/BootstrapClient.Shared/wwwroot/css/site.css b/src/blazor/client/BootstrapClient.Shared/wwwroot/css/site.css
index 46d7c080..2a30fe3b 100644
--- a/src/blazor/client/BootstrapClient.Shared/wwwroot/css/site.css
+++ b/src/blazor/client/BootstrapClient.Shared/wwwroot/css/site.css
@@ -310,3 +310,17 @@
 .widget .dropdown-item:not(:nth-of-type(odd)):active {
     background-color: inherit;
 }
+
+.is-page .layout-main > .tabs {
+    height: calc(100vh - 90px);
+}
+
+.is-fixed-tab .tabs-body {
+    height: calc(100vh - 89px - var(--bb-footer-height));
+    overflow: auto;
+}
+
+    .is-fixed-tab .tabs-body .tabs-body-content {
+        height: auto;
+        min-height: 100%;
+    }