Merge pull request #137 from matrix-org/word-wrap

Stop weird text splitting

src/components/CreateLinkTile.scss

@@ -35,7 +35,7 @@ limitations under the License.
         color: $foreground;
     }
 
-    h1 {
+    .linkHeader h1 {
         word-break: break-all;
     }
 

src/components/CreateLinkTile.tsx

@@ -129,7 +129,7 @@ const LinkCreatedTile: React.FC<ILinkCreatedTileProps> = (props) => {
                 <img src={refreshIcon} alt="Go back to matrix.to home page" />
             </button>
             <a href={props.link}>
-                <h1>{props.link}</h1>
+                <h1 className="linkHeader">{props.link}</h1>
             </a>
             <Button
                 flashChildren={'Copied'}