From f01bbe30921f2b272517896ddd645de87477c587 Mon Sep 17 00:00:00 2001
From: Anil Seervi <61609033+AnilSeervi@users.noreply.github.com>
Date: Sun, 25 Jun 2023 11:43:31 +0530
Subject: [PATCH] fix: use tailwind supports syntax to enable backdrop blur

---
 apps/www/components/site-header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/components/site-header.tsx b/apps/www/components/site-header.tsx
index 25722a9347c..7bdea39226b 100644
--- a/apps/www/components/site-header.tsx
+++ b/apps/www/components/site-header.tsx
@@ -11,7 +11,7 @@ import { buttonVariants } from "@/registry/new-york/ui/button"
 
 export function SiteHeader() {
   return (
-    <header className="supports-backdrop-blur:bg-background/60 sticky top-0 z-40 w-full border-b bg-background/95 backdrop-blur">
+    <header className="sticky top-0 z-40 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-blur]:bg-background/60">
       <div className="container flex h-14 items-center">
         <MainNav />
         <MobileNav />