From 0a1d81528dbd9de0da9b59217bba1d2d4e670138 Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Wed, 23 Sep 2020 10:38:38 +0100
Subject: [PATCH] Stop strange word wrap

---
 src/components/CreateLinkTile.scss | 2 +-
 src/components/CreateLinkTile.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/CreateLinkTile.scss b/src/components/CreateLinkTile.scss
index 5a300ce..a377ae4 100644
--- a/src/components/CreateLinkTile.scss
+++ b/src/components/CreateLinkTile.scss
@@ -35,7 +35,7 @@ limitations under the License.
         color: $foreground;
     }
 
-    h1 {
+    .linkHeader h1 {
         word-break: break-all;
     }
 
diff --git a/src/components/CreateLinkTile.tsx b/src/components/CreateLinkTile.tsx
index 12ffd54..f87667c 100644
--- a/src/components/CreateLinkTile.tsx
+++ b/src/components/CreateLinkTile.tsx
@@ -130,7 +130,7 @@ const LinkCreatedTile: React.FC<ILinkCreatedTileProps> = (props) => {
                 <img src={refreshIcon} />
             </button>
             <a href={props.link}>
-                <h1>{props.link}</h1>
+                <h1 className="linkHeader">{props.link}</h1>
             </a>
             <Button
                 flashChildren={'Copied'}