From ae0a5803ba598a76fa298300f5fd6f47328873f8 Mon Sep 17 00:00:00 2001
From: Ben <benquan@gmail.com>
Date: Sat, 19 Apr 2025 22:57:07 -0600
Subject: [PATCH] Change Button to div

this Button element causes this warning:
```node_invalid_placement_ssr: `<button>` (src/lib/components/ui/button/button.svelte:60:1) cannot be a child of `<button>` (node_modules/bits-ui/dist/bits/utilities/floating-layer/components/floating-layer-anchor.svelte:34:2)

This can cause content to shift around as the browser repairs the HTML, and will likely result in a `hydration_mismatch` warning.```

This change fixes #1635
---
 sites/docs/src/lib/components/docs/dashboard/user-nav.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sites/docs/src/lib/components/docs/dashboard/user-nav.svelte b/sites/docs/src/lib/components/docs/dashboard/user-nav.svelte
index fe435ffd3b..eaab01afc1 100644
--- a/sites/docs/src/lib/components/docs/dashboard/user-nav.svelte
+++ b/sites/docs/src/lib/components/docs/dashboard/user-nav.svelte
@@ -6,12 +6,12 @@
 
 <DropdownMenu.Root>
 	<DropdownMenu.Trigger asChild let:builder>
-		<Button variant="ghost" builders={[builder]} class="relative h-8 w-8 rounded-full">
+		<div variant="ghost" builders={[builder]} class="relative h-8 w-8 rounded-full">
 			<Avatar.Root class="h-8 w-8">
 				<Avatar.Image src="/avatars/01.png" alt="@shadcn" />
 				<Avatar.Fallback>SC</Avatar.Fallback>
 			</Avatar.Root>
-		</Button>
+		</div>
 	</DropdownMenu.Trigger>
 	<DropdownMenu.Content class="w-56" align="end">
 		<DropdownMenu.Label class="font-normal">