diff --git a/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css b/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css
index a77a7ad1da6..169859e1852 100644
--- a/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css
@@ -1,4 +1,4 @@
-.card {
+.card {
     transition: box-shadow .3s linear;
 }
 
@@ -48,6 +48,10 @@
         width: calc(100% - 1rem);
     }
 
+    .card-footer-code ::deep pre {
+        max-height: 260px;
+    }
+
 .card-footer-control {
     text-align: center;
     color: #d3dce6;
diff --git a/src/BootstrapBlazor.Server/Components/Components/Pre.razor.cs b/src/BootstrapBlazor.Server/Components/Components/Pre.razor.cs
index ae5f502e0fc..e952f1543a5 100644
--- a/src/BootstrapBlazor.Server/Components/Components/Pre.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Components/Pre.razor.cs
@@ -75,7 +75,6 @@ public partial class Pre
 
     private string? StyleString => CssBuilder.Default()
         .AddClass($"height: {Height};", !string.IsNullOrEmpty(Height))
-        .AddClass("max-height: 260px;", string.IsNullOrEmpty(Height))
         .AddClassFromAttributes(AdditionalAttributes)
         .Build();
 
diff --git a/src/BootstrapBlazor.Server/Components/Layout/ComponentLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/ComponentLayout.razor.css
index f93e04c67c2..f39d7016fcb 100644
--- a/src/BootstrapBlazor.Server/Components/Layout/ComponentLayout.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Layout/ComponentLayout.razor.css
@@ -1,4 +1,4 @@
-.bb-title {
+.bb-title {
     font-size: 1.2rem;
     display: flex;
     justify-content: center;