diff --git a/apps/dokploy/components/dashboard/settings/notifications/show-notifications.tsx b/apps/dokploy/components/dashboard/settings/notifications/show-notifications.tsx
index 10ea7304..2b5d02e0 100644
--- a/apps/dokploy/components/dashboard/settings/notifications/show-notifications.tsx
+++ b/apps/dokploy/components/dashboard/settings/notifications/show-notifications.tsx
@@ -44,7 +44,7 @@ export const ShowNotifications = () => {
 						  {data?.map((notification, index) => (
 							<div
 							  key={notification.notificationId}
-							  className="flex items-center justify-between rounded-xl p-4 transition-colors dark:bg-zinc-900/50 hover:bg-zinc-900 border border-zinc-800/50"
+							  className="flex items-center justify-between rounded-xl p-4 transition-colors dark:bg-zinc-900/50 bg-gray-200/50 border border-card"
 							>
 							  <div className="flex items-center gap-4">
 								{notification.notificationType === "slack" && (
@@ -68,7 +68,7 @@ export const ShowNotifications = () => {
 								  </div>
 								)}
 								<div className="flex flex-col">
-								  <span className="text-sm font-medium text-zinc-300">
+								  <span className="text-sm font-medium dark:text-zinc-300 text-zinc-800">
 									{notification.name}
 								  </span>
 								  <span className="text-xs font-medium text-muted-foreground">
diff --git a/apps/dokploy/components/dashboard/settings/notifications/update-notification.tsx b/apps/dokploy/components/dashboard/settings/notifications/update-notification.tsx
index cfa2e0ba..5c594dc4 100644
--- a/apps/dokploy/components/dashboard/settings/notifications/update-notification.tsx
+++ b/apps/dokploy/components/dashboard/settings/notifications/update-notification.tsx
@@ -220,7 +220,7 @@ export const UpdateNotification = ({ notificationId }: Props) => {
 			<DialogTrigger className="" asChild>
 				<Button variant="ghost"
                         size="icon"
-                        className="h-9 w-9">
+                        className="h-9 w-9 dark:hover:bg-zinc-900/80 hover:bg-gray-200/80">
 					<Pen className="size-4 text-muted-foreground" />
 				</Button>
 			</DialogTrigger>