From 2044bd14b6003d0e12979c6e41a672c77c617d0f Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Mon, 31 Dec 2018 13:48:27 +0100
Subject: [PATCH] Wrap and break static text (#547)

---
 packages/ui-app/src/Static.tsx            | 2 +-
 packages/ui-app/src/styles/components.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/ui-app/src/Static.tsx b/packages/ui-app/src/Static.tsx
index c94f2652b8..9ad692e325 100644
--- a/packages/ui-app/src/Static.tsx
+++ b/packages/ui-app/src/Static.tsx
@@ -31,7 +31,7 @@ export default class Static extends React.PureComponent<Props> {
         style={style}
         withLabel={withLabel}
       >
-        <div className='ui dropdown selection disabled'>
+        <div className='ui--Static ui dropdown selection disabled'>
           {value || defaultValue}
           {children}
         </div>
diff --git a/packages/ui-app/src/styles/components.css b/packages/ui-app/src/styles/components.css
index 9cf52ee674..1f4d960d7c 100644
--- a/packages/ui-app/src/styles/components.css
+++ b/packages/ui-app/src/styles/components.css
@@ -212,6 +212,11 @@ header .ui--Button-Group {
   }
 }
 
+.ui--Static {
+  overflow: hidden;
+  word-break: break-all;
+}
+
 .ui--Status {
   display: inline-block;
   position: fixed;