From 8ae47e03d8df39709e4d93e21425a9994ec8846e Mon Sep 17 00:00:00 2001
From: Jake Turner <jturner@cosmistack.com>
Date: Fri, 23 Jan 2026 22:25:18 +0000
Subject: [PATCH] fix(Notifications): improve styling

---
 admin/inertia/providers/NotificationProvider.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/admin/inertia/providers/NotificationProvider.tsx b/admin/inertia/providers/NotificationProvider.tsx
index a8314ea..f8afdb2 100644
--- a/admin/inertia/providers/NotificationProvider.tsx
+++ b/admin/inertia/providers/NotificationProvider.tsx
@@ -59,12 +59,12 @@ const NotificationsProvider = ({ children }: { children: React.ReactNode }) => {
             className={`mb-4 p-4 rounded shadow-md border border-slate-300 bg-white max-w-96`}
             onClick={() => removeNotification(notification.id)}
           >
-            <div className="flex flex-row justify-between items-center">
-              <div className="mr-2">
+            <div className="flex flex-row items-start gap-3">
+              <div className="flex-shrink-0 mt-0.5">
                 <Icon type={notification.type} />
               </div>
-              <div>
-                <p className="break-all">{notification.message}</p>
+              <div className="flex-1 min-w-0">
+                <p className="break-words">{notification.message}</p>
               </div>
             </div>
           </div>