diff --git a/libs/design/card/src/card-base.scss b/libs/design/card/src/card-base.scss
index 8f929156d0..12fe1d6b05 100644
--- a/libs/design/card/src/card-base.scss
+++ b/libs/design/card/src/card-base.scss
@@ -1,8 +1,7 @@
 @use '../../scss/typography' as t;
 @use '../../scss/layout';
 
-$card-border-radius: 8px;
-$card-inner-border-radius: calc(#{$card-border-radius} - 1px);
+$card-border-radius: 0.5rem;
 
 @mixin daff-card-base {
 	display: flex;
@@ -19,6 +18,8 @@ $card-inner-border-radius: calc(#{$card-border-radius} - 1px);
 	.daff-card__wrapper {
 		position: relative;
 		height: 100%;
+		flex: 1 1 auto;
+		min-width: 0;
 
 		&::after {
 			content: '';
@@ -38,7 +39,10 @@ $card-inner-border-radius: calc(#{$card-border-radius} - 1px);
 		flex-direction: column;
 
 		.daff-card__image {
-			border-radius: $card-inner-border-radius $card-inner-border-radius 0 0;
+			border-top-left-radius: inherit;
+			border-top-right-radius: inherit;
+			border-bottom-right-radius: 0;
+			border-bottom-left-radius: 0;
 		}
 	}
 
@@ -51,7 +55,10 @@ $card-inner-border-radius: calc(#{$card-border-radius} - 1px);
 		}
 
 		.daff-card__image {
-			border-radius: $card-inner-border-radius 0 0 $card-inner-border-radius;
+			border-top-left-radius: inherit;
+			border-top-right-radius: 0;
+			border-bottom-right-radius: 0;
+			border-bottom-left-radius: inherit;
 		}
 	}