From a25abd0ca4c971a2c8e82d4475d0968c76925c0a Mon Sep 17 00:00:00 2001
From: "alonso.torres" <alonso.torres@kaleidos.net>
Date: Mon, 14 Oct 2024 10:07:07 +0200
Subject: [PATCH] :bug: Fix percent calculation on grid layout tracks

---
 CHANGES.md                                                      | 1 +
 .../ui/workspace/sidebar/options/menus/layout_container.cljs    | 2 +-
 .../ui/workspace/sidebar/options/menus/layout_container.scss    | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGES.md b/CHANGES.md
index 11c31f4f7..2a78e06e5 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -43,6 +43,7 @@
 - Fix problem with shortcuts in text editor [Github #5078](https://github.com/penpot/penpot/issues/5078)
 - Fix problems with show in viewer and interactions [Github #4868](https://github.com/penpot/penpot/issues/4868)
 - Add visual feedback when moving an element into a board [Github #3210](https://github.com/penpot/penpot/issues/3210)
+- Fix percent calculation on grid layout tracks [Github #4688](https://github.com/penpot/penpot/issues/4688)
 
 ## 2.2.1
 
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
index 83caf49bd..5bede159d 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
@@ -677,7 +677,7 @@
   [{:keys [type value]}]
   (case type
     :auto "auto"
-    :percent (fmt/format-percent value)
+    :percent (fmt/format-percent (/ value 100))
     :flex    (fmt/format-frs value)
     :fixed   (fmt/format-pixels value)
     value))
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
index 531b94989..00d7c2f7f 100644
--- 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
@@ -150,6 +150,7 @@
 .grid-layout-menu {
   @include flexColumn;
   gap: $s-8;
+  overflow: hidden;
 
   .row {
     @include flexRow;