From 0aa8f7bfc6279d7679155ff17eaf0c70c08f193f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= <belen@hey.com>
Date: Fri, 9 Aug 2024 12:54:42 +0200
Subject: [PATCH] :bug: Fix layer sidebar in focus mode for long names

---
 frontend/src/app/main/ui/workspace/sidebar/layers.scss | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/sidebar/layers.scss b/frontend/src/app/main/ui/workspace/sidebar/layers.scss
index 2dbde9595c..5db6c61b77 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/layers.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/layers.scss
@@ -91,6 +91,7 @@
   @include buttonStyle;
   display: grid;
   grid-template-columns: auto 1fr auto;
+  align-items: center;
   width: 100%;
   padding: 0;
 }
@@ -108,10 +109,8 @@
 }
 
 .focus-name {
+  @include textEllipsis;
   @include bodySmallTypography;
-  display: flex;
-  align-items: center;
-  height: 100%;
   padding-left: $s-4;
   color: var(--title-foreground-color);
 }