diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index 3c83338..47f69cc 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -9322,9 +9322,15 @@ textarea.mod-reason {
   padding: 0 !important;
 }
 
+.notif-reason {
+  font-size: 0.85em;
+  color: #ffb8b8;
+  margin-top: 4px;
+}
+
 .notifications-page .notif-item {
   display: grid !important;
-  grid-template-columns: 0.3fr 1fr 1fr;
+  grid-template-columns: 0fr 1fr;
   width: 100%;
   align-items: center;
   padding: 8px 15px;
@@ -9365,7 +9371,7 @@ textarea.mod-reason {
 }
 
 .notif-msg {
-  white-space: nowrap;
+  white-space: wrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
diff --git a/public/s/js/f0ckm.js b/public/s/js/f0ckm.js
index 2ed37b6..5fe8616 100644
--- a/public/s/js/f0ckm.js
+++ b/public/s/js/f0ckm.js
@@ -6241,7 +6241,7 @@ class NotificationSystem {
                 <div class="notif-user"><strong>${userLabel}</strong></div>
                 <div class="notif-msg">
                     <strong>${label} #${n.item_id}</strong>
-                    <div style="font-size: 0.85em; color: #ffb8b8; margin-top: 4px;">${i18n.notif_reason_label || 'Reason:'} ${n.reason || (i18n.notif_no_reason || 'No reason provided')}</div>
+                    <div class="notif-reason">${i18n.notif_reason_label || 'Reason:'} ${n.reason || (i18n.notif_no_reason || 'No reason provided')}</div>
                 </div>
                 <div class="notif-time">${new Date(n.created_at).toLocaleString()}</div>
             </div>