Button: Ensure label is vertically centered

seek-oss · Nov 21, 2024 · fdca66c · fdca66c
1 parent 11ceff9
commit fdca66c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/.changeset/lemon-fishes-enjoy.md b/.changeset/lemon-fishes-enjoy.md
@@ -0,0 +1,12 @@
+---
+'braid-design-system': patch
+---
+
+---
+updated:
+  - Button
+---
+
+**Button:** Ensure label is vertically centered
+
+Fixes a bug where a `Button` label would not be vertically centered inside containers that stretch elements to fill the available space, such as `Tiles`.
diff --git a/packages/braid-design-system/src/lib/components/Button/Button.tsx b/packages/braid-design-system/src/lib/components/Button/Button.tsx
@@ -440,7 +440,9 @@ export const useButtonStyles = ({
     borderRadius: radius,
     width: 'full',
     position: 'relative',
-    display: 'block',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
     transform: { active: 'touchable' },
     transition: 'touchable',
     outline: 'none',