diff --git a/js/apps/system/aardvark/frontend/scss/_notification.scss b/js/apps/system/aardvark/frontend/scss/_notification.scss
index 584a758046..17ce06f350 100644
--- a/js/apps/system/aardvark/frontend/scss/_notification.scss
+++ b/js/apps/system/aardvark/frontend/scss/_notification.scss
@@ -34,11 +34,19 @@
   button {
     @extend %pull-right;
     margin-right: 5px;
+    margin-top: 5px;
   }
 
   .notificationItem {
     color: $c-black;
 
+    .notificationItemTitle {
+      max-width: 165px;
+      overflow-wrap: break-word;
+      white-space: normal;
+      word-wrap: break-word;
+    }
+
     .notificationItemTitle:hover {
       color: #000;
       cursor: default;
diff --git a/js/apps/system/aardvark/frontend/scss/generated.css b/js/apps/system/aardvark/frontend/scss/generated.css
index 68e348d5d1..170b6795bb 100644
--- a/js/apps/system/aardvark/frontend/scss/generated.css
+++ b/js/apps/system/aardvark/frontend/scss/generated.css
@@ -4596,9 +4596,15 @@ pre.gv-object-view {
     width: 155px;
     word-wrap: break-word; }
   .fixedDropdown button {
-    margin-right: 5px; }
+    margin-right: 5px;
+    margin-top: 5px; }
   .fixedDropdown .notificationItem {
     color: #000; }
+    .fixedDropdown .notificationItem .notificationItemTitle {
+      max-width: 165px;
+      overflow-wrap: break-word;
+      white-space: normal;
+      word-wrap: break-word; }
     .fixedDropdown .notificationItem .notificationItemTitle:hover {
       color: #000;
       cursor: default; }