diff --git a/src/style/molecules/_rollable.scss b/src/style/molecules/_rollable.scss
index ca2d0893..6fd84646 100644
--- a/src/style/molecules/_rollable.scss
+++ b/src/style/molecules/_rollable.scss
@@ -97,10 +97,17 @@ $rollable_colours_font: (
       top: 0;
       height: 32px;
       padding-left: 24px;
+      display: grid;
+      grid-template-columns: 1fr 1fr;
 
       span.name {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        text-wrap: nowrap;
         line-height: 32px;
         vertical-align: middle;
+        word-break: break-all;
+        margin-right: 8px;
       }
     }