diff --git a/community/components/cards/card/_card-mixins.scss b/community/components/cards/card/_card-mixins.scss
index e17f63670..7207c2306 100644
--- a/community/components/cards/card/_card-mixins.scss
+++ b/community/components/cards/card/_card-mixins.scss
@@ -110,11 +110,9 @@ $accent-border-colors: (
   }
 
   @each $spacing in $card-spacings {
-    &--padding-#{$spacing} {
-      @include card-spacing-value($spacing);
-    }
     @each $direction in $spacing-directions {
-      &--padding-#{$direction}-#{$spacing} {
+      &--padding-#{$direction}-#{$spacing},
+      &--padding-#{$spacing} {
         @include card-spacing-value($spacing, $direction);
       }
     }
diff --git a/community/components/cards/card/stories/card-story-templates.ts b/community/components/cards/card/stories/card-story-templates.ts
index 02b4037dd..257b735b1 100644
--- a/community/components/cards/card/stories/card-story-templates.ts
+++ b/community/components/cards/card/stories/card-story-templates.ts
@@ -318,9 +318,18 @@ export const renderCardPaddingsStory = () => {
       <tedi-card-header [padding]="{top: 'lg'}">
         Top LG
       </tedi-card-header>
+
+      <tedi-card-header [padding]="'xs'">
+        Full XS padding
+      </tedi-card-header>
+
       <tedi-card-content background="secondary">
         Parent has left XS, right NONE, Top NONE.
       </tedi-card-content>
+
+      <tedi-card-content background="secondary" [padding]="'md'">
+        Full MD padding.
+      </tedi-card-content>
     </tedi-card
   >`,
   };