diff --git a/components/topbar/app-topbar.tsx b/components/topbar/app-topbar.tsx
index f9058b4..8fcdf8c 100644
--- a/components/topbar/app-topbar.tsx
+++ b/components/topbar/app-topbar.tsx
@@ -29,7 +29,7 @@ export function AppTopbar({
 	notificationsSnapshot,
 }: AppTopbarProps) {
 	return (
-		<header className="fixed top-0 left-0 right-0 z-50 bg-primary h-14 shrink-0 flex items-center shadow-md">
+		<header className="fixed top-0 left-0 right-0 z-50 bg-card h-14 shrink-0 flex items-center border-b">
 			<div className="w-full max-w-8xl mx-auto px-4 flex items-center gap-3 h-full">
 				{/* Logo */}
 				<Link