diff --git a/beszel/site/src/components/routes/settings/notifications.tsx b/beszel/site/src/components/routes/settings/notifications.tsx
index d7499a3..3b73f5b 100644
--- a/beszel/site/src/components/routes/settings/notifications.tsx
+++ b/beszel/site/src/components/routes/settings/notifications.tsx
@@ -193,7 +193,7 @@ const ShoutrrrUrlCard = ({ url, onUrlChange, onRemove }: ShoutrrrUrlCardProps) =
 	}
 
 	return (
-		<Card className="bg-muted/70 p-2 md:p-3">
+		<Card className="bg-muted/40 p-2 md:p-3">
 			<div className="flex items-center gap-1">
 				<Input
 					type="url"
diff --git a/beszel/site/src/index.css b/beszel/site/src/index.css
index 3c0081c..fdeb885 100644
--- a/beszel/site/src/index.css
+++ b/beszel/site/src/index.css
@@ -34,11 +34,11 @@
 
 	.dark {
 		color-scheme: dark;
-		--background: 220 5.5% 9.5%;
+		--background: 220 5.5% 9%;
 		--foreground: 220 2% 97%;
-		--card: 220 5.5% 11%;
+		--card: 220 5.5% 10.5%;
 		--card-foreground: 220 2% 97%;
-		--popover: 220 5.5% 9.5%;
+		--popover: 220 5.5% 9%;
 		--popover-foreground: 220 2% 97%;
 		--primary: 220 2% 96%;
 		--primary-foreground: 220 4% 10%;