Truncate button text

near · Jan 29, 2025 · 7718eb8 · 7718eb8
1 parent 4916c56
commit 7718eb8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@near-pagoda/ui",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "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
@@ -239,14 +239,17 @@
 }
 
 .inner {
-  display: inline-flex;
+  display: flex;
   align-items: center;
   justify-content: center;
   gap: var(--button-gap);
 }
 
 .label {
-  display: inline-flex;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
 }
 
 .icon {