Merge pull request #4155 from relative-ci/fix-sort-button

fix(ui): SortButton - add margins only for interactive variation
relative-ci · Jan 11, 2024 · 1d50806 · 1d50806
2 parents 66ee269 + 4915779
commit 1d50806
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 {