From 7718eb8a457ee3b67fba8cf8e3abb75343a555fa Mon Sep 17 00:00:00 2001
From: Caleb Jacob <thecalebjacob@gmail.com>
Date: Wed, 29 Jan 2025 11:38:46 -0700
Subject: [PATCH] Truncate button text

---
 package.json                      | 2 +-
 src/components/Button.module.scss | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 290f175..087fc42 100644
--- 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
index 96a4a44..02707f9 100644
--- 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 {