diff --git a/apps/web/src/components/header/index.tsx b/apps/web/src/components/header/index.tsx
index af3ba264..125bf814 100644
--- a/apps/web/src/components/header/index.tsx
+++ b/apps/web/src/components/header/index.tsx
@@ -11,6 +11,7 @@ import { cn } from '@/lib/utils'
 import styles from './styles.module.css'
 
 export function Header() {
+  // TODO: use CSS for this instead of a hook
   const { resolvedTheme } = useTheme()
   const ctx = useAgentic()