Fix button icon width

near · Nov 13, 2024 · 164f411 · 164f411
1 parent 90e95b6
commit 164f411
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@near-pagoda/ui",
-  "version": "2.0.16",
+  "version": "2.0.17",
   "description": "A React component library that implements the official NEAR design system.",
   "license": "MIT",
   "repository": {

diff --git a/src/components/Button.module.scss b/src/components/Button.module.scss
@@ -35,10 +35,6 @@
     --button-color-border: var(--violet-9) !important;
   }
 
-  &[data-icon='true'] {
-    --button-width: calc(var(--button-height) - 2px); // Subtract border width
-  }
-
   &[data-size='x-small'] {
     --button-font: var(--text-xs);
     --button-gap: 4px;
@@ -61,6 +57,11 @@
     --button-padding-x: 24px;
   }
 
+  &[data-icon='true'] {
+    --button-width: var(--button-height);
+    --button-padding-x: 0px;
+  }
+
   &[data-variant='primary'] {
     &[data-fill='ghost'],
     &[data-fill='outline'] {