diff --git a/packages/webawesome/docs/assets/styles/docs.css b/packages/webawesome/docs/assets/styles/docs.css
index 4ce281a58..c8cccd8d1 100644
--- a/packages/webawesome/docs/assets/styles/docs.css
+++ b/packages/webawesome/docs/assets/styles/docs.css
@@ -444,6 +444,7 @@ wa-page > main:has(> .search-list) {
 
       [slot='header'] {
         display: flex;
+        justify-content: center;
       }
 
       &::part(header) {
diff --git a/packages/webawesome/src/components/card/card.css b/packages/webawesome/src/components/card/card.css
index 83d8181d4..e87c28c6d 100644
--- a/packages/webawesome/src/components/card/card.css
+++ b/packages/webawesome/src/components/card/card.css
@@ -84,11 +84,12 @@
 
 /* Push slots to sides when the action slots renders */
 .has-actions {
+  display: flex;
   justify-content: space-between;
 }
 
 .header {
-  display: flex;
+  display: block;
   align-items: center;
   border-block-end-style: inherit;
   border-block-end-color: var(--wa-color-surface-border);
@@ -102,7 +103,7 @@
 }
 
 .footer {
-  display: flex;
+  display: block;
   align-items: center;
   border-block-start-style: inherit;
   border-block-start-color: var(--wa-color-surface-border);