diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
index 8e7d609f0ed..2872c7bcd8b 100644
--- a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
+++ b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
@@ -200,11 +200,6 @@
             transform: translateX(0);
         }
 
-        .layout-right {
-            overflow: hidden;
-            height: var(--bb-layout-height);
-        }
-
         .layout-footer {
             display: none;
         }
@@ -259,6 +254,13 @@
     display: flex;
 }
 
+@media (max-width: 767.99px) {
+    .layout.is-collapsed .layout-right {
+        overflow: hidden;
+        height: var(--bb-layout-height);
+    }
+}
+
 @media(min-width: 768px) {
     .layout {
         .layout-side {