Add min-width to max-width-layout to ensure it fits correctly in othe…

…r layout containers (#949) Co-authored-by: sushitommy <>
nl-design-system · Dec 10, 2024 · 07b0344 · 07b0344
1 parent 1c0c2da
commit 07b0344
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/happy-bugs-watch.md b/.changeset/happy-bugs-watch.md
@@ -0,0 +1,7 @@
+---
+"@nl-rvo/css-max-width-layout": patch
+"@nl-rvo/component-library-css": patch
+"@nl-rvo/component-library-react": patch
+---
+
+Added min-width to max-width-layout to ensure it fits correctly in other layout containers
diff --git a/components/max-width-layout/src/index.scss b/components/max-width-layout/src/index.scss
@@ -10,14 +10,17 @@
 
 .rvo-max-width-layout--sm {
   max-width: var(--rvo-layout-max-width-sm);
+  min-width: var(--rvo-layout-max-width-sm);
 }
 
 .rvo-max-width-layout--md {
   max-width: var(--rvo-layout-max-width-md);
+  min-width: var(--rvo-layout-max-width-md);
 }
 
 .rvo-max-width-layout--lg {
   max-width: var(--rvo-layout-max-width-lg);
+  min-width: var(--rvo-layout-max-width-lg);
 }
 
 .rvo-max-width-layout-inline-padding--sm {