From c872f95bc552a60667cc031801ccfa52ef03a48d Mon Sep 17 00:00:00 2001
From: Kaili Yang <124ykl@gmail.com>
Date: Thu, 27 Nov 2025 01:02:09 -0800
Subject: [PATCH] fix(ui): update button style for mask editor

---
 src/components/maskeditor/BrushSettingsPanel.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/maskeditor/BrushSettingsPanel.vue b/src/components/maskeditor/BrushSettingsPanel.vue
index a43707ac1f..444dc8cebc 100644
--- a/src/components/maskeditor/BrushSettingsPanel.vue
+++ b/src/components/maskeditor/BrushSettingsPanel.vue
@@ -6,10 +6,7 @@
       {{ t('maskEditor.brushSettings') }}
     </h3>
 
-    <button
-      class="w-45 h-7.5 border-none bg-black/20 border border-[var(--border-color)] text-[var(--input-text)] font-sans text-[15px] pointer-events-auto transition-colors duration-100 hover:bg-[var(--p-overlaybadge-outline-color)] hover:border-none"
-      @click="resetToDefault"
-    >
+    <button :class="textButtonClass" @click="resetToDefault">
       {{ t('maskEditor.resetToDefault') }}
     </button>
 
@@ -99,6 +96,9 @@ import SliderControl from './controls/SliderControl.vue'
 
 const store = useMaskEditorStore()
 
+const textButtonClass =
+  'h-7.5 w-32 rounded-[10px] border border-[var(--p-form-field-border-color)] text-[var(--input-text)] font-sans pointer-events-auto transition-colors duration-100 bg-[var(--comfy-menu-bg)] hover:bg-secondary-background-hover'
+
 const setBrushShape = (shape: BrushShape) => {
   store.brushSettings.type = shape
 }