diff --git a/components/topbar/app-topbar.tsx b/components/topbar/app-topbar.tsx
index 10b120d..0c8156b 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-background border-b h-14 shrink-0 flex items-center">
+		<header className="fixed top-0 left-0 right-0 z-50 bg-card h-14 shrink-0 flex items-center shadow-xs">
 			<div className="w-full max-w-8xl mx-auto px-4 flex items-center gap-4 h-full">
 				{/* Logo */}
 				<Link