Use padding instead of margin on Content (#5444)

cultureamp · Jan 10, 2025 · 8160df5 · 8160df5
1 parent e35a71d
commit 8160df5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/rude-jars-whisper.md b/.changeset/rude-jars-whisper.md
@@ -0,0 +1,5 @@
+---
+'@kaizen/components': patch
+---
+
+Content: use padding instead of margin for inline spacing
diff --git a/packages/components/src/Content/Content.module.scss b/packages/components/src/Content/Content.module.scss
@@ -3,10 +3,10 @@
 
 .content {
   max-width: $layout-content-max-width;
-  margin: 0 $layout-content-side-margin;
+  padding: 0 $layout-content-side-margin;
   width: 100%;
 
   @media (max-width: calc(#{$layout-breakpoints-large} - 1px)) {
-    margin: 0 $content-margin-width-on-medium-and-small;
+    padding: 0 $content-margin-width-on-medium-and-small;
   }
 }