diff --git a/lib/components/blocks/nav.tsx b/lib/components/blocks/nav.tsx
index 364a8a2d..56dcb789 100644
--- a/lib/components/blocks/nav.tsx
+++ b/lib/components/blocks/nav.tsx
@@ -124,7 +124,7 @@ type NavHeaderProps = JSX.IntrinsicElements["header"] & {
 
 export function NavHeader({ className, ...props }: NavHeaderProps) {
   return (
-    <header className={cn("flex items-center py-3 px-2", className)}>
+    <header {...props} className={cn("flex items-center py-3 px-2", className)}>
       {props?.image && (
         <img
           src={props?.image}