diff --git a/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor.css b/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor.css
index 11ee0f58b52..3b87da63dce 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor.css
@@ -24,7 +24,9 @@
 
     .layout-demo ::deep .layout-footer div {
         text-align: center;
-        flex: 1;
+        flex: 1 1 auto;
+        width: 1%;
+        min-width: 0;
     }
 
 .layout-demo ::deep .layout-side {
diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj
index 41093d9b4be..1269bb4861d 100644
--- a/src/BootstrapBlazor/BootstrapBlazor.csproj
+++ b/src/BootstrapBlazor/BootstrapBlazor.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.0.2-beta05</Version>
+    <Version>9.0.2-beta06</Version>
   </PropertyGroup>
 
   <ItemGroup>
diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
index 0b2e64beaf8..5bbba8f84f4 100644
--- a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
+++ b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
@@ -263,7 +263,9 @@
         .layout-right {
             display: flex;
             flex-flow: column;
-            flex: 1;
+            flex: 1 1 auto;
+            width: 1%;
+            min-width: 0;
         }
 
         &.has-sidebar {