From 5ce206f9043e5d87e202876b22081ea248f1ecc6 Mon Sep 17 00:00:00 2001
From: Luis de Dios <luis.dedios@kaleidos.net>
Date: Mon, 27 Jul 2026 10:52:14 +0200
Subject: [PATCH] :bug: Fix margin input order is inconsistent with padding
 input order (#10797)

---
 .../workspace/sidebar/options/menus/layout_item.cljs |  6 +++---
 .../workspace/sidebar/options/menus/layout_item.scss | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_item.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_item.cljs
index 598fd69b1b..63da937d98 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_item.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_item.cljs
@@ -234,10 +234,10 @@
         (mf/use-fn (mf/deps on-focus) #(on-focus :m2))
 
         on-focus-m3
-        (mf/use-fn (mf/deps on-focus) #(on-focus :m1))
+        (mf/use-fn (mf/deps on-focus) #(on-focus :m3))
 
         on-focus-m4
-        (mf/use-fn (mf/deps on-focus) #(on-focus :m2))
+        (mf/use-fn (mf/deps on-focus) #(on-focus :m4))
 
         on-change'
         (mf/use-fn
@@ -329,7 +329,6 @@
          :class (stl/css :bottom-margin-wrapper)
          :attr :m3
          :default nil
-         :align :right
          :input-type :vertical-margin
          :property "Bottom margin"
          :nillable true
@@ -359,6 +358,7 @@
          :class (stl/css :left-margin-wrapper)
          :default nil
          :attr :m4
+         :align :right
          :property "Left margin"
          :input-type :horizontal-margin
          :nillable true
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_item.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_item.scss
index d6bd605b44..2daf441b27 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_item.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_item.scss
@@ -140,20 +140,20 @@
   grid-row: 1;
 }
 
-.bottom-margin,
-.bottom-margin-wrapper {
+.right-margin,
+.right-margin-wrapper {
   grid-column: 2;
   grid-row: 1;
 }
 
-.left-margin,
-.left-margin-wrapper {
+.bottom-margin,
+.bottom-margin-wrapper {
   grid-column: 1;
   grid-row: 2;
 }
 
-.right-margin,
-.right-margin-wrapper {
+.left-margin,
+.left-margin-wrapper {
   grid-column: 2;
   grid-row: 2;
 }