From 9eea7dabc295b296af416ad3b4f02e02f79d414e Mon Sep 17 00:00:00 2001
From: Eva <evamarcod@gmail.com>
Date: Wed, 2 Mar 2022 12:01:47 +0100
Subject: [PATCH] :bug: Fix length of names in sidebar

---
 CHANGES.md                                            | 11 +++++++++++
 .../styles/main/partials/sidebar-layers.scss          |  6 ++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 05fa25ce0..f4ebe4387 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,5 +1,16 @@
 # CHANGELOG
 
+## 1.12.1-beta
+### :boom: Breaking changes
+
+### :sparkles: New features
+
+### :bug: Bugs fixed
+
+- Fix length of names in sidebar [Taiga #2962](https://tree.taiga.io/project/penpot/issue/2962)
+
+### :heart: Community contributions by (Thank you!)
+
 ## 1.12.0-beta
 
 ### :boom: Breaking changes
diff --git a/frontend/resources/styles/main/partials/sidebar-layers.scss b/frontend/resources/styles/main/partials/sidebar-layers.scss
index e8747f132..666319fe6 100644
--- a/frontend/resources/styles/main/partials/sidebar-layers.scss
+++ b/frontend/resources/styles/main/partials/sidebar-layers.scss
@@ -183,21 +183,19 @@
 }
 
 input.element-name {
-  max-width: 130px;
-  width: 100%;
+  max-width: 75%;
 }
 
 span.element-name {
   color: $color-gray-20;
   display: block;
   font-size: $fs12;
-  max-width: 130px;
+  max-width: 75%;
   min-width: 40px;
   min-height: 16px;
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 100%;
 }
 
 .element-actions {