From 4b561cf0506fc40aca4cd9daf8bb80743ea8acd4 Mon Sep 17 00:00:00 2001
From: "ateeb a." <180611249+atybdot@users.noreply.github.com>
Date: Mon, 15 Dec 2025 14:57:10 +0530
Subject: [PATCH] fix:select color-format component and color copy-to-clipboard
 (#9056)

* fix:Nuqs adapter scope, select color-format component and color copy-to-clipboard

* chore: remove changeset

---------

Co-authored-by: shadcn <m@shadcn.com>
---
 apps/v4/app/layout.tsx                       | 6 ++++--
 apps/v4/components/color-format-selector.tsx | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/v4/app/layout.tsx b/apps/v4/app/layout.tsx
index e4b1756942..480bb907c0 100644
--- a/apps/v4/app/layout.tsx
+++ b/apps/v4/app/layout.tsx
@@ -91,9 +91,11 @@ export default function RootLayout({
         <ThemeProvider>
           <LayoutProvider>
             <ActiveThemeProvider>
-              <NuqsAdapter>{children}</NuqsAdapter>
+              <NuqsAdapter>
+                {children}
+                <Toaster position="top-center" />
+              </NuqsAdapter>
               <TailwindIndicator />
-              <Toaster position="top-center" />
               <Analytics />
             </ActiveThemeProvider>
           </LayoutProvider>
diff --git a/apps/v4/components/color-format-selector.tsx b/apps/v4/components/color-format-selector.tsx
index 699acfdc6f..2b5038f22a 100644
--- a/apps/v4/components/color-format-selector.tsx
+++ b/apps/v4/components/color-format-selector.tsx
@@ -40,7 +40,7 @@ export function ColorFormatSelector({
         <span className="font-medium">Format: </span>
         <span className="text-muted-foreground font-mono">{format}</span>
       </SelectTrigger>
-      <SelectContent align="end" className="rounded-xl">
+      <SelectContent align="end" position="popper" className="rounded-xl">
         {Object.entries(formats).map(([format, value]) => (
           <SelectItem
             key={format}