diff --git a/src/BootstrapBlazor.Server/Components/Samples/Cards.razor b/src/BootstrapBlazor.Server/Components/Samples/Cards.razor
index a8698eb5f83..e4621ed5e72 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Cards.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Cards.razor
@@ -10,6 +10,7 @@
 
         .custom-body {
             --bs-card-body-bg: #f7eed0;
+            --bs-card-color: #000;
         }
 
         .custom-footer {
@@ -216,7 +217,8 @@
 }
 
 .custom-body {
-    background-color: #f7eed0;
+    --bs-card-body-bg: #f7eed0;
+    --bs-card-color: #000;
 }
 
 .custom-footer {
diff --git a/src/BootstrapBlazor/Components/Card/Card.razor.scss b/src/BootstrapBlazor/Components/Card/Card.razor.scss
index 0694d0eead8..253dc784057 100644
--- a/src/BootstrapBlazor/Components/Card/Card.razor.scss
+++ b/src/BootstrapBlazor/Components/Card/Card.razor.scss
@@ -5,7 +5,18 @@
     --bb-card-hover-shadow: #{$bb-card-hover-shadow};
     --bb-card-title-margin-left: #{$bb-card-title-margin-left};
     --bb-card-header-tag-height: #{$bb-card-header-tag-height};
+    --bs-card-body-bg: var(--bs-body-bg);
     --bs-card-title-spacer-y: #{$bb-card-title-spacer-y};
+
+    > .card-body:first-child {
+        border-start-start-radius: var(--bs-card-inner-border-radius);
+        border-start-end-radius: var(--bs-card-inner-border-radius);
+    }
+
+    > .card-body:last-child {
+        border-end-start-radius: var(--bs-card-inner-border-radius);
+        border-end-end-radius: var(--bs-card-inner-border-radius);
+    }
 }
 
 .card-header {
@@ -43,7 +54,6 @@
 
 .card-body {
     background-color: var(--bs-card-body-bg);
-    color: var(--bs-card-body-color);
 }
 
 .card-footer {
diff --git a/src/BootstrapBlazor/Components/Console/Console.razor.scss b/src/BootstrapBlazor/Components/Console/Console.razor.scss
index 77d326cb7fd..a2a78c5ab39 100644
--- a/src/BootstrapBlazor/Components/Console/Console.razor.scss
+++ b/src/BootstrapBlazor/Components/Console/Console.razor.scss
@@ -1,8 +1,8 @@
 @use "../../wwwroot/scss/variables" as *;
 
 .console {
-    --bs-card-body-color: #{$bb-console-body-color};
-    --bb-console-body-bg: #{$bb-console-body-bg};
+    --bs-card-color: #{$bb-console-body-color};
+    --bs-card-body-bg: #{$bb-console-body-bg};
     --bb-console-clear-button-margin-left: #{$bb-console-clear-button-margin-left};
     width: 100%;
 
@@ -17,7 +17,6 @@
     }
 
     .card-body {
-        background-color: var(--bb-console-body-bg);
         overflow: auto;
     }