From 7f42965a84accafc332716f972f93905ae764a39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Thu, 18 Jul 2019 23:21:49 +0100
Subject: [PATCH] fix(ui): break words on upstream error messages to avoid
 overflow

---
 .../Grid/UpstreamError/__snapshots__/index.test.js.snap         | 2 +-
 ui/src/Components/Grid/UpstreamError/index.js                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/Components/Grid/UpstreamError/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/UpstreamError/__snapshots__/index.test.js.snap
index e8e7fd85a..67ab8f410 100644
--- a/ui/src/Components/Grid/UpstreamError/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/UpstreamError/__snapshots__/index.test.js.snap
@@ -5,7 +5,7 @@ exports[`<UpstreamError /> matches snapshot 1`] = `
 <div class=\\"alert alert-danger text-center m-1\\"
      role=\\"alert\\"
 >
-  <h4 class=\\"alert-heading mb-0\\">
+  <h4 class=\\"alert-heading mb-0 text-wrap text-break\\">
     Alertmanager
     <span class=\\"font-weight-bold\\">
       foo
diff --git a/ui/src/Components/Grid/UpstreamError/index.js b/ui/src/Components/Grid/UpstreamError/index.js
index 720ea1d00..0ff089d06 100644
--- a/ui/src/Components/Grid/UpstreamError/index.js
+++ b/ui/src/Components/Grid/UpstreamError/index.js
@@ -11,7 +11,7 @@ class UpstreamError extends Component {
     const { name, message } = this.props;
     return (
       <div className="alert alert-danger text-center m-1" role="alert">
-        <h4 className="alert-heading mb-0">
+        <h4 className="alert-heading mb-0 text-wrap text-break">
           Alertmanager <span className="font-weight-bold">{name}</span> raised
           an error: {message}
         </h4>