From 526c4d16b8e8216d1c6f94c7a72458c6bdd89d7f Mon Sep 17 00:00:00 2001
From: Felix Habib <fhabib@seek.com.au>
Date: Thu, 17 Oct 2024 14:12:24 +1100
Subject: [PATCH] useToast: Ensure content is left aligned

---
 .changeset/loud-wasps-tickle.md                      | 12 ++++++++++++
 .../src/lib/components/useToast/Toast.tsx            |  1 +
 2 files changed, 13 insertions(+)
 create mode 100644 .changeset/loud-wasps-tickle.md

diff --git a/.changeset/loud-wasps-tickle.md b/.changeset/loud-wasps-tickle.md
new file mode 100644
index 00000000000..449b105ff08
--- /dev/null
+++ 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
index 0e4be133ca2..d7e1427ee00 100644
--- 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}