diff --git a/client/src/components/Layout.tsx b/client/src/components/Layout.tsx
index deb863e..9b2ebfc 100644
--- a/client/src/components/Layout.tsx
+++ b/client/src/components/Layout.tsx
@@ -114,7 +114,7 @@ export function Layout({ children, user, onLogout }: LayoutProps) {
           ))}
         </nav>
         {user && (
-          <div className="absolute bottom-0 left-0 right-0 border-t p-3">
+          <div className="absolute bottom-0 left-0 right-0 border-t bg-card p-3">
             <div className="mb-2 px-3 text-sm">
               <p className="font-medium">{user.name}</p>
               <p className="text-xs text-muted-foreground">{user.role}</p>