diff --git a/packages/styles/scss/components/card/_card.scss b/packages/styles/scss/components/card/_card.scss
index 71eaf089088..5a83ccbd2a3 100644
--- a/packages/styles/scss/components/card/_card.scss
+++ b/packages/styles/scss/components/card/_card.scss
@@ -166,6 +166,10 @@
       content: '';
       inset: 0;
     }
+
+    .#{$prefix}--card__footer-wrapper {
+      margin-block-start: auto;
+    }
   }
 
   // Card with pictogram placement style
@@ -466,8 +470,6 @@
   :host(#{$c4d-prefix}-card-in-card-footer) a,
   :host(#{$c4d-prefix}-feature-card-footer) a,
   :host(#{$c4d-prefix}-feature-cta-footer) a {
-    /* Moves the footer down to the bottom in the card */
-    margin-block-start: auto;
     text-decoration: none;
 
     &:focus {
diff --git a/packages/web-components/src/components/card/card.ts b/packages/web-components/src/components/card/card.ts
index 05d2978c540..2c7c9219d04 100644
--- a/packages/web-components/src/components/card/card.ts
+++ b/packages/web-components/src/components/card/card.ts
@@ -258,7 +258,7 @@ class C4DCard extends CTAMixin(StableSelectorMixin(CDSLink)) {
           ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP
             ? this._renderCopy()
             : ''}
-          <div part="footer-wrapper" class="${prefix}--card__footer">
+          <div part="footer-wrapper" class="${prefix}--card__footer-wrapper">
             <slot name="footer"></slot>
           </div>
         </div>