fix(badge): centers text inside badge (VIV-1824) (#1841)

chore: centers text inside badge Co-authored-by: James Taylor <jstaylor@vonht2fg32k90.home>
Vonage · Jul 8, 2024 · 8be57da · 8be57da
1 parent 5afde52
commit 8be57da
Show file tree

Hide file tree

Showing 4 changed files with 1 addition and 0 deletions.
diff --git a/libs/components/src/lib/badge/badge.scss b/libs/components/src/lib/badge/badge.scss
@@ -30,6 +30,7 @@
 	display: inline-flex;
 	box-sizing: border-box;
 	align-items: center;
+	justify-content: center;
 	background-color: var(#{appearance.get-appearance-token(fill)});
 	block-size: var(#{variables.$badge-block-size});
 	box-shadow: inset 0 0 0 1px var(#{appearance.get-appearance-token(outline)});

diff --git a/...s/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Chromium-linux.png b/...s/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Chromium-linux.png
diff --git a/...ts/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Firefox-linux.png b/...ts/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Firefox-linux.png
diff --git a/...nts/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Safari-linux.png b/...nts/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Safari-linux.png