diff --git a/apps/www/registry/default/blocks/sidebar-16/components/app-sidebar.tsx b/apps/www/registry/default/blocks/sidebar-16/components/app-sidebar.tsx
index 4214ec36f99..cb65240cfd8 100644
--- a/apps/www/registry/default/blocks/sidebar-16/components/app-sidebar.tsx
+++ b/apps/www/registry/default/blocks/sidebar-16/components/app-sidebar.tsx
@@ -155,7 +155,7 @@ const data = {
 export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
   return (
     <Sidebar
-      className="top-[--header-height] !h-[calc(100svh-var(--header-height))]"
+      className="top-[var(--header-height)] !h-[calc(100svh-var(--header-height))]"
       {...props}
     >
       <SidebarHeader>