🐛 Fix right-sidebar width overflow

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
 

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;

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);