fix(ui): use focus-visible instead of focus to prevent sticky hover effect on click (#10651)

2026-01-26 22:28:29 +05:30
parent 984518b1c0
commit 783121c06e
6 changed files with 9 additions and 9 deletions
--- a/packages/ui/src/components/icon-button.css
+++ b/packages/ui/src/components/icon-button.css
@@ -90,8 +90,8 @@
      /*   color: var(--icon-hover); */
      /* } */
    }
-    &:focus:not(:disabled) {
-      background-color: var(--surface-focus);
+    &:focus-visible:not(:disabled) {
+      background-color: var(--surface-raised-base-hover);
    }
    &:active:not(:disabled) {
      background-color: var(--surface-raised-base-active);