From f7c4bd77beb4b906bd713b7e7517ba72ccb76a4a Mon Sep 17 00:00:00 2001
From: Elena Torro <elenatorro@gmail.com>
Date: Wed, 18 Jun 2025 09:08:30 +0200
Subject: [PATCH] :bug: Fix right-sidebar width overflow

---
 CHANGES.md                                          | 1 +
 frontend/src/app/main/ui/inspect/right_sidebar.scss | 2 +-
 frontend/src/app/main/ui/workspace/sidebar.scss     | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 31e97a26e0..210005ae78 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -51,6 +51,7 @@ on-premises instances** that want to keep up to date.
 - Misalignments at Create account [Taiga #11315](https://tree.taiga.io/project/penpot/issue/11315)
 - Fix issue with importing files where flex/grid is used [Taiga #11334](https://tree.taiga.io/project/penpot/issue/11334)
 - Fix wrong color in the export progress bar [Taiga #11299](https://tree.taiga.io/project/penpot/issue/11299)
+- Fix right sidebar width overflow on long layer names [Taiga #11212](https://tree.taiga.io/project/penpot/issue/11212)
 
 ## 2.7.2
 
diff --git a/frontend/src/app/main/ui/inspect/right_sidebar.scss b/frontend/src/app/main/ui/inspect/right_sidebar.scss
index 2ce156ce68..20d005480b 100644
--- a/frontend/src/app/main/ui/inspect/right_sidebar.scss
+++ b/frontend/src/app/main/ui/inspect/right_sidebar.scss
@@ -35,7 +35,7 @@
 
 .shape-row {
   display: grid;
-  grid-template-columns: auto 1fr;
+  grid-template-columns: auto minmax(0, 1fr);
   gap: $s-8;
   align-items: center;
   height: $s-32;
diff --git a/frontend/src/app/main/ui/workspace/sidebar.scss b/frontend/src/app/main/ui/workspace/sidebar.scss
index faa1700dd5..880a2604ff 100644
--- a/frontend/src/app/main/ui/workspace/sidebar.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar.scss
@@ -63,7 +63,7 @@ $width-settings-bar-max: $sz-500;
 .right-settings-bar {
   grid-area: right-sidebar;
   display: grid;
-  grid-template-rows: auto 1fr;
+  grid-template-rows: auto minmax(0, 1fr);
   height: 100vh;
   width: $width-settings-bar;
   background-color: var(--panel-background-color);