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 f02cf1aeb..0eb672b73 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
@@ -20,15 +20,13 @@
 .color-info {
   --detach-icon-foreground-color: none;
 
-  display: flex;
+  display: grid;
+  grid-template-columns: 1fr auto;
   align-items: center;
   gap: $s-2;
   border-radius: $s-8;
   background-color: var(--input-details-color);
   height: $s-32;
-  width: 100%;
-  flex-grow: 1;
-  min-width: 0;
 
   &:hover {
     --detach-icon-foreground-color: var(--input-foreground-color-active);