diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
index 19d33caccd9..5311fca4365 100644
--- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
@@ -72,14 +72,10 @@
     .navbar-header {
         position: sticky;
         top: 0;
-        z-index: 1050;
+        z-index: 15;
         height: var(--bs-header-height);
     }
 
-    .modal-open .navbar-header {
-        z-index: 1040;
-    }
-
     ::deep .bb-g-search {
         margin-bottom: 0;
         margin-inline-end: .5rem;
diff --git a/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css
index 0cd9a6f5bfe..49ce1233146 100644
--- a/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css
@@ -6,4 +6,6 @@
 
 main {
     min-height: calc(100vh - var(--bs-header-height));
+    position: relative;
+    z-index: 10;
 }
diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css
index 1c30fb850ea..4420533d6c8 100644
--- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css
@@ -1,5 +1,11 @@
-.main {
+.section {
+    position: relative;
+}
+
+.main {
     padding: var(--bb-main-pading);
+    position: relative;
+    z-index: 5;
 }
 
 .sidebar-title {
@@ -75,6 +81,7 @@
 ::deep .dial-button {
     display: none;
     position: fixed;
+    z-index: 10;
     right: 1rem;
     bottom: 1rem;
 }