From 15deeacb5ea8b5bc4221ff7aac2ae1a36e09d609 Mon Sep 17 00:00:00 2001
From: Aitor <asakon28@gmail.com>
Date: Wed, 17 Jan 2024 12:39:54 +0100
Subject: [PATCH] :bug: Color name overflows when it is too large

---
 .../main/ui/workspace/sidebar/options/rows/color_row.scss | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss b/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss
index 5285303c5..bfa232fda 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss
@@ -49,13 +49,9 @@
     }
     .color-name {
       @include titleTipography;
-      display: flex;
-      align-items: center;
-      height: $s-28;
-      padding-left: $s-6;
+      @include textEllipsis;
+      padding-inline: $s-6;
       border-radius: $br-8;
-      width: 100%;
-      flex-grow: 1;
       color: var(--input-foreground-color-active);
     }
     .detach-btn {