From 648ddde3a20723e7b0f4da45e25380e6c4924028 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Olle=20M=C3=A5nsson?=
 <31876997+ollema@users.noreply.github.com>
Date: Thu, 19 Oct 2023 20:10:45 +0200
Subject: [PATCH] Fix support rule in `site-header.tsx` (#1628)

Fixes https://github.com/shadcn-ui/ui/issues/1627 if that is desired.
---
 apps/www/components/site-header.tsx                | 2 +-
 templates/next-template/components/site-header.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/www/components/site-header.tsx b/apps/www/components/site-header.tsx
index 17cf6861f3d..3c13add4ad0 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-50 w-full border-b bg-background/95 backdrop-blur">
+    <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="container flex h-14 items-center">
         <MainNav />
         <MobileNav />
diff --git a/templates/next-template/components/site-header.tsx b/templates/next-template/components/site-header.tsx
index 4e7d2472e6f..91e78087035 100644
--- a/templates/next-template/components/site-header.tsx
+++ b/templates/next-template/components/site-header.tsx
@@ -8,7 +8,7 @@ import { ThemeToggle } from "@/components/theme-toggle"
 
 export function SiteHeader() {
   return (
-    <header className="bg-background sticky top-0 z-40 w-full border-b">
+    <header className="sticky top-0 z-40 w-full border-b bg-background">
       <div className="container flex h-16 items-center space-x-4 sm:justify-between sm:space-x-0">
         <MainNav items={siteConfig.mainNav} />
         <div className="flex flex-1 items-center justify-end space-x-4">