💄 Fix styles between grid layout inputs

cocotime · cocotime · commit c8fff830b2b2 · 2026-03-18T13:15:50.000+01:00
diff --git a/CHANGES.md b/CHANGES.md
@@ -40,6 +40,7 @@
 - Update copy on penpot update message [Taiga #12924](https://tree.taiga.io/project/penpot/issue/12924)
 - Fix id prop on switch component [Taiga #13534](https://tree.taiga.io/project/penpot/issue/13534)
 - Fix tooltip shown on tab change [Taiga #13627](https://tree.taiga.io/project/penpot/issue/13627)
+- Fix styles between grid layout inputs [Taiga #13526](https://tree.taiga.io/project/penpot/issue/13526)
 
 ## 2.14.0 (Unreleased)
 
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.scss
@@ -188,6 +188,7 @@
   align-items: flex-start;
   position: relative;
   gap: var(--sp-xs);
+  margin-block-end: var(--sp-s);
 }
 
 .locate-button {
@@ -424,6 +425,7 @@
     var(--grid-exception-input-width) /* second input block */
     var(--sp-xxxl); /* action button */
   gap: var(--sp-xs);
+  margin-block-end: var(--sp-xs);
 }
 
 .grid-first-row {

Original file line number	Diff line number	Diff line change
`@@ -188,6 +188,7 @@`
`188`	`188`	`align-items: flex-start;`
`189`	`189`	`position: relative;`
`190`	`190`	`gap: var(--sp-xs);`
	`191`	`+ margin-block-end: var(--sp-s);`
`191`	`192`	`}`
`192`	`193`
`193`	`194`	`.locate-button {`
`@@ -424,6 +425,7 @@`
`424`	`425`	`var(--grid-exception-input-width) /* second input block */`
`425`	`426`	`var(--sp-xxxl); /* action button */`
`426`	`427`	`gap: var(--sp-xs);`
	`428`	`+ margin-block-end: var(--sp-xs);`
`427`	`429`	`}`
`428`	`430`
`429`	`431`	`.grid-first-row {`