From 64c032d9f0cde03a6e98be718e4c38407e705adb Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Wed, 14 Jan 2026 00:42:40 +0530
Subject: [PATCH] fix: some UI changes for notification popup

---
 surfsense_web/components/notifications/NotificationPopup.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/surfsense_web/components/notifications/NotificationPopup.tsx b/surfsense_web/components/notifications/NotificationPopup.tsx
index c08555453..19823fdeb 100644
--- a/surfsense_web/components/notifications/NotificationPopup.tsx
+++ b/surfsense_web/components/notifications/NotificationPopup.tsx
@@ -78,7 +78,7 @@ export function NotificationPopup({
 			<ScrollArea className="h-[400px]">
 				{loading ? (
 					<div className="flex items-center justify-center py-8">
-						<Loader2 className="h-5 w-5 animate-spin text-muted-foreground" />
+						<Loader2 className="h-5 w-5 animate-spin text-white" />
 					</div>
 				) : notifications.length === 0 ? (
 					<div className="flex flex-col items-center justify-center py-8 px-4 text-center">
@@ -86,7 +86,7 @@ export function NotificationPopup({
 						<p className="text-sm text-muted-foreground">No notifications</p>
 					</div>
 				) : (
-					<div className="py-2">
+					<div className="pt-0 pb-2">
 						{notifications.map((notification, index) => (
 							<div key={notification.id}>
 								<button