Fixed container header bug.

cloudscape-design · Nov 6, 2023 · 48eb21d · 48eb21d
1 parent 566cc7c
commit 48eb21d
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/container/styles.scss b/src/container/styles.scss
@@ -168,8 +168,10 @@
   }
 
   &.with-paddings {
-    padding-block: shared.$header-padding;
-    padding-inline: shared.$header-padding;
+    padding-block-start: awsui.$space-container-header-top;
+    padding-block-end: awsui.$space-container-header-bottom;
+    padding-inline: awsui.$space-container-horizontal;
+
     &.header-variant-cards {
       padding-block: awsui.$space-container-header-top;
       padding-inline: awsui.$space-container-horizontal;
@@ -242,8 +244,8 @@ the default white background of the container component.
 
 .footer {
   &.with-paddings {
-    padding-block: shared.$footer-padding;
-    padding-inline: shared.$footer-padding;
+    padding-block: awsui.$space-scaled-s;
+    padding-inline: awsui.$space-container-horizontal;
   }
 
   &.with-divider {