diff --git a/src/blazor/admin/BootstrapAdmin.Web/Shared/MainLayout.razor b/src/blazor/admin/BootstrapAdmin.Web/Shared/MainLayout.razor
index 58f57e26..ed2f76de 100644
--- a/src/blazor/admin/BootstrapAdmin.Web/Shared/MainLayout.razor
+++ b/src/blazor/admin/BootstrapAdmin.Web/Shared/MainLayout.razor
@@ -1,6 +1,6 @@
 @inherits LayoutComponentBase
 
-<Layout SideWidth="0" IsPage="true" IsFullSide="true" IsFixedHeader="true" IsFixedFooter="false"
+<Layout SideWidth="0" IsPage="true" IsFullSide="true" IsFixedHeader="true"
         ShowFooter="true" ShowGotoTop="true" ShowCollapseBar="true" Menus="@MenuItems"
         OnAuthorizing="@OnAuthorizing"
         UseTabSet="true" TabDefaultUrl="/Admin/Index">
diff --git a/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css b/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css
index a8c782b9..34243f0f 100644
--- a/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css
+++ b/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css
@@ -2,6 +2,10 @@
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
+:root {
+    --bb-footer-height: 40px;
+}
+
 #blazor-error-ui {
     background: lightyellow;
     bottom: 0;
@@ -34,3 +38,38 @@
 .tabs-border-card {
     box-shadow: none;
 }
+
+.tabs-body {
+    height: calc(100vh - 89px - var(--bb-footer-height));
+    overflow: auto;
+    scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0);
+    scrollbar-width: thin;
+}
+
+    .tabs-body::-webkit-scrollbar {
+        width: 6px;
+        height: 6px
+    }
+
+    .tabs-body::-webkit-scrollbar-thumb {
+        border-radius: 3px;
+        background-color: rgba(0,0,0,0.2);
+    }
+
+        .tabs-body::-webkit-scrollbar-thumb:hover {
+            background-color: rgba(0,0,0,0.3);
+        }
+
+    .tabs-body .tabs-body-content {
+        width: calc(100vw - 214px - 32px);
+    }
+
+@media (min-width: 992px) {
+    .tabs-body {
+        overflow: hidden;
+    }
+
+        .tabs-body:hover {
+            overflow-y: auto;
+        }
+}