fix(ui): SortButton - add margins only for interactive variation

relative-ci · Jan 11, 2024 · 4915779 · 4915779
1 parent 66ee269
commit 4915779
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/ui/src/components/sort-button/sort-button.module.css b/packages/ui/src/components/sort-button/sort-button.module.css
@@ -1,8 +1,6 @@
 .root {
   --icon-dimension: 13px;
   display: inline-block;
-  margin: calc(0px - var(--space-xxxsmall));
-  margin-right: calc(0px - 1px - var(--icon-dimension));
   border-radius: var(--radius-small);
   position: relative;
 }
@@ -58,6 +56,11 @@
   transform: translateY(-5px);
 }
 
+.interactive {
+  margin: calc(0px - var(--space-xxxsmall));
+  margin-right: calc(0px - 1px - var(--icon-dimension));
+}
+
 .interactive:hover,
 .interactive:active,
 .interactive:focus {