fix(badge): resolve Safari layout issue with inline placement (#5396)

* fix(badge): resolve Safari layout issue with inline placement

* auto update snapshots (#5397)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: sarahbrng

__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png

@@ -125,14 +125,14 @@ db-card:is(.variants-card) > .db-card {
 
 .badge-inline-container {
 	display: flex;
+	align-items: center;
 	gap: var(--db-spacing-fixed-sm);
 	padding: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);
 	background-color: var(--db-adaptive-bg-basic-level-2-default);
 }
 
 .badge-inline-container .db-badge {
 	margin-inline-start: var(--db-spacing-responsive-md);
-	margin-block: auto;
 }
 
 .fixed-header-footer {