diff --git a/packages/ui/src/styles/components/card.scss b/packages/ui/src/styles/components/card.scss
index ece0b14c..24983276 100644
--- a/packages/ui/src/styles/components/card.scss
+++ b/packages/ui/src/styles/components/card.scss
@@ -33,7 +33,7 @@
   }
 
   @include e(header-action) {
-    flex-shrink: 0;
+    margin-left: 10px;
   }
 
   @include e(content) {
diff --git a/packages/ui/src/styles/components/drawer.scss b/packages/ui/src/styles/components/drawer.scss
index 0ef82d73..f0f33a0a 100644
--- a/packages/ui/src/styles/components/drawer.scss
+++ b/packages/ui/src/styles/components/drawer.scss
@@ -54,7 +54,7 @@
 
   @include e(body) {
     position: relative;
-    flex-grow: 1;
+    flex: 1 0 0;
     padding: 20px;
     overflow: hidden auto;
   }
diff --git a/packages/ui/src/styles/components/modal.scss b/packages/ui/src/styles/components/modal.scss
index a76a0f7f..4fe9cf30 100644
--- a/packages/ui/src/styles/components/modal.scss
+++ b/packages/ui/src/styles/components/modal.scss
@@ -45,12 +45,20 @@
     box-shadow: 0 8px 40px 0 var(--#{$rd-prefix}shadow-color);
   }
 
+  @include e(header) {
+    flex-shrink: 0;
+  }
+
   @include e(body) {
     position: relative;
     padding: 20px;
     overflow: hidden auto;
   }
 
+  @include e(footer) {
+    flex-shrink: 0;
+  }
+
   @include e(icon) {
     flex-shrink: 0;
     margin-right: 16px;