diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs
index ae9be05ad..121efb9d7 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs
@@ -193,14 +193,14 @@
                    :dnd-over-top (= (:over dprops) :top)
                    :dnd-over-bot (= (:over dprops) :bot))
            :ref dref}
-     [:span {:class (stl/css :color-info)}
-      [:span {:class (stl/css-case :color-name-wrapper true
-                                   :no-opacity (or disable-opacity
-                                                   (not opacity?))
-                                   :library-name-wrapper library-color?
-                                   :editing editing-text?
-                                   :gradient-name-wrapper gradient-color?)}
-       [:span {:class (stl/css :color-bullet-wrapper)}
+     [:div {:class (stl/css :color-info)}
+      [:div {:class (stl/css-case :color-name-wrapper true
+                                  :no-opacity (or disable-opacity
+                                                  (not opacity?))
+                                  :library-name-wrapper library-color?
+                                  :editing editing-text?
+                                  :gradient-name-wrapper gradient-color?)}
+       [:div {:class (stl/css :color-bullet-wrapper)}
         [:& cbn/color-bullet {:color (cond-> color
                                        (nil? color-name) (assoc
                                                           :id nil
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 f91d71b45..f02cf1aeb 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
@@ -28,6 +28,7 @@
   height: $s-32;
   width: 100%;
   flex-grow: 1;
+  min-width: 0;
 
   &:hover {
     --detach-icon-foreground-color: var(--input-foreground-color-active);
@@ -55,6 +56,8 @@
     padding: 0 $s-2 0 $s-8;
     border-radius: $br-8 0 0 $br-8;
     background-color: transparent;
+    display: flex;
+    align-items: center;
     &:hover {
       background-color: transparent;
     }