From 0b73135a8c24fb1ef0c1b8ccd5e6deea09dd1bd3 Mon Sep 17 00:00:00 2001
From: Arnav Palnitkar <arnav@hashicorp.com>
Date: Thu, 19 Aug 2021 14:27:22 -0700
Subject: [PATCH] Fixed overflowing text of flash message container (#12357)

* Fixed overflowing text of flash message container

* Added changelog
---
 changelog/12357.txt                        | 3 +++
 ui/app/styles/components/global-flash.scss | 3 +++
 2 files changed, 6 insertions(+)
 create mode 100644 changelog/12357.txt

diff --git a/changelog/12357.txt b/changelog/12357.txt
new file mode 100644
index 000000000..30de5af1e
--- /dev/null
+++ b/changelog/12357.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui: Fixed text overflow in flash messages
+```
\ No newline at end of file
diff --git a/ui/app/styles/components/global-flash.scss b/ui/app/styles/components/global-flash.scss
index 8450efd6c..c0c4b4dba 100644
--- a/ui/app/styles/components/global-flash.scss
+++ b/ui/app/styles/components/global-flash.scss
@@ -9,5 +9,8 @@
 
   .message {
     box-shadow: $box-shadow-high;
+    .message-body {
+      word-break: break-all;
+    }
   }
 }