From 4452f0524f964095ff86378c21d2cabbc733ce43 Mon Sep 17 00:00:00 2001
From: pavel <14926950+prichodko@users.noreply.github.com>
Date: Tue, 1 Oct 2024 16:02:35 +0200
Subject: [PATCH] fix `<Button />` text alignment (#587)

* fix <Button /> text alignment

* Create stupid-pumpkins-grow.md
---
 .changeset/stupid-pumpkins-grow.md        | 5 +++++
 packages/components/src/button/button.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/stupid-pumpkins-grow.md

diff --git a/.changeset/stupid-pumpkins-grow.md b/.changeset/stupid-pumpkins-grow.md
new file mode 100644
index 00000000..ce2248e7
--- /dev/null
+++ b/.changeset/stupid-pumpkins-grow.md
@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+fix `<Button />` text alignment
diff --git a/packages/components/src/button/button.tsx b/packages/components/src/button/button.tsx
index e8f8c92d..5e20c3e7 100644
--- a/packages/components/src/button/button.tsx
+++ b/packages/components/src/button/button.tsx
@@ -88,7 +88,7 @@ function Button(
 
 const styles = cva({
   base: [
-    'inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1 font-medium transition-all',
+    'inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1 text-center font-medium transition-all',
     'outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-customisation-50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-neutral-100',
     'disabled:pointer-events-none disabled:cursor-default disabled:opacity-[.3]',
   ],