useToast: Ensure content is left aligned

seek-oss · Oct 17, 2024 · 526c4d1 · 526c4d1
1 parent bae97a1
commit 526c4d1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/loud-wasps-tickle.md b/.changeset/loud-wasps-tickle.md
@@ -0,0 +1,12 @@
+---
+'braid-design-system': patch
+---
+
+---
+updated:
+  - useToast
+---
+
+**useToast**: Ensure content is left aligned
+
+Applies left alignment to `Toast` content to ensure intended alignment, regardless of other styles applied.
diff --git a/packages/braid-design-system/src/lib/components/useToast/Toast.tsx b/packages/braid-design-system/src/lib/components/useToast/Toast.tsx
@@ -138,6 +138,7 @@ const Toast = React.forwardRef<HTMLDivElement, ToastProps>(
       <Box
         display="flex"
         justifyContent="center"
+        textAlign="left"
         role="alert"
         ref={ref}
         onMouseEnter={stopTimeout}