diff --git a/src/components/notifications/notifications.tsx b/src/components/notifications/notifications.tsx
index b8499787..dcdacf8e 100644
--- a/src/components/notifications/notifications.tsx
+++ b/src/components/notifications/notifications.tsx
@@ -47,6 +47,10 @@ export class Notifications extends React.Component<NotificationsProps> {
                         sel.removeAllRanges();
                         sel.addRange(range);
                     }
+                }} style={{
+                    // fit long words by wrapping them instead of overflowing past the width
+                    overflowWrap: 'break-word',
+                    maxWidth: '240px'
                 }}>
                     {next.content}
                 </div>