fix(styles): fix content alignment for button containing icons (#1713)

* fix: alignment for button where text is too small * fix: updated screenshots
dequelabs · Oct 10, 2024 · 683a8c9 · 683a8c9
1 parent 10ef91b
commit 683a8c9
Show file tree

Hide file tree

Showing 7 changed files with 1 addition and 0 deletions.
diff --git a/e2e/screenshots/button-thin--leading-icon.png b/e2e/screenshots/button-thin--leading-icon.png
diff --git a/e2e/screenshots/button-thin--trailing-icon.png b/e2e/screenshots/button-thin--trailing-icon.png
diff --git a/e2e/screenshots/copybutton-thin-.png b/e2e/screenshots/copybutton-thin-.png
diff --git a/e2e/screenshots/dark--button-thin--leading-icon.png b/e2e/screenshots/dark--button-thin--leading-icon.png
diff --git a/e2e/screenshots/dark--button-thin--trailing-icon.png b/e2e/screenshots/dark--button-thin--trailing-icon.png
diff --git a/e2e/screenshots/dark--copybutton-thin-.png b/e2e/screenshots/dark--copybutton-thin-.png
diff --git a/packages/styles/button.css b/packages/styles/button.css
@@ -43,6 +43,7 @@
   grid-auto-flow: column;
   align-items: center;
   justify-items: center;
+  justify-content: center;
   gap: var(--space-smallest);
 }