diff --git a/css/main.css b/css/main.css
index 810b9a032..ce27a0eb7 100644
--- a/css/main.css
+++ b/css/main.css
@@ -81,7 +81,10 @@ a.btn.btn-link.dropdown-toggle {
   min-height: 8em;
 }
 
-.tile-content { position: relative; }
+.tile-content { 
+  position: relative; 
+  overflow-wrap: anywhere; /* stop long text like links pushing the width out too far*/
+}
 .link-github {
   position:absolute;
   top: 36px;
@@ -137,4 +140,4 @@ Not sure how to get 'normal' wrap behaviour (eg fill up until max-width, then wr
 /*.tooltip:hover::after {
   white-space: normal;
   min-width: 160px;
-}*/
\ No newline at end of file
+}*/