fix(Autocomplete): fix the styling for the clear button

rotki · Dec 13, 2024 · 14d7267 · 14d7267
1 parent 914b976
commit 14d7267
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/components/forms/auto-complete/RuiAutoComplete.vue b/src/components/forms/auto-complete/RuiAutoComplete.vue
@@ -653,18 +653,23 @@ defineExpose({
             />
           </div>
 
-          <span
+          <RuiButton
             v-if="clearable && valueSet && !disabled"
+            variant="text"
+            icon
+            size="sm"
+            color="error"
             class="group-hover:!visible"
-            :class="[$style.clear, anyFocused && '!visible']"
+            :class="[$style.clear, anyFocused && '!visible', {
+              'mr-2': !dense,
+            }]"
             @click.stop.prevent="clear()"
           >
             <RuiIcon
-              color="error"
               name="lu-x"
               size="18"
             />
-          </span>
+          </RuiButton>
 
           <span
             :class="$style.icon__wrapper"