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 f399ac696..d2b1fa081 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
@@ -21,6 +21,7 @@
   --detach-icon-foreground-color: none;
 
   display: grid;
+  flex: 1;
   grid-template-columns: 1fr auto;
   align-items: center;
   gap: $s-2;
@@ -42,10 +43,15 @@
   @extend .input-element;
   flex-grow: 1;
   width: 100%;
+  min-width: 0;
   border-radius: $br-8 0 0 $br-8;
   padding: 0;
   margin-inline-end: 0;
   gap: $s-4;
+
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
   input {
     padding: 0;
   }