diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.cljs
index 7a25e1bf5..c2baaf769 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.cljs
@@ -17,6 +17,9 @@
    [app.util.i18n :as i18n :refer [tr]]
    [rumext.v2 :as mf]))
 
+(def ^:private flatten-icon
+  (i/icon-xref :boolean-flatten-refactor (stl/css :flatten-icon)))
+
 (mf/defc bool-options
   []
   (let [selected               (mf/deref refs/selected-objects)
@@ -86,9 +89,9 @@
         [:button
          {:title (tr "workspace.shape.menu.flatten")
           :class (stl/css-case
-                  :flatten true
+                  :flatten-button true
                   :disabled disabled-flatten)
           :disabled disabled-flatten
           :on-click flatten-objects}
-         i/boolean-flatten-refactor]]])))
+         flatten-icon]]])))
 
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.scss
index 625a80b71..bc26d5b8b 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.scss
@@ -18,29 +18,29 @@
   align-items: center;
 }
 
-.flatten {
+.flatten-button {
   @extend .button-tertiary;
-  height: $s-28;
-  width: $s-28;
+  height: $s-32;
+  width: $s-32;
   border-radius: $br-8;
-  svg {
-    @extend .button-icon;
-    stroke: var(--icon-foreground);
-  }
+  --flatten-icon-foreground-color: var(--icon-foreground);
+
   &.disabled {
     cursor: default;
-    svg {
-      stroke: var(--button-foreground-color-disabled);
-    }
+    --flatten-icon-foreground-color: var(--button-foreground-color-disabled);
+
     &:hover {
       background-color: var(--panel-background-color);
-      svg {
-        stroke: var(--button-foreground-color-disabled);
-      }
+      --flatten-icon-foreground-color: var(--button-foreground-color-disabled);
     }
   }
 }
 
+.flatten-icon {
+  @extend .button-icon;
+  stroke: var(--flatten-icon-foreground-color);
+}
+
 .boolean-radio-btn {
   background-color: transparent;
 }