From f0b35993c9091cd252eee0dc77fdd4c006ef3c43 Mon Sep 17 00:00:00 2001
From: Sinclair Chen <abc.sinclair@gmail.com>
Date: Fri, 7 Oct 2022 10:56:27 -0700
Subject: [PATCH] fix hydration error (button inside button)

---
 web/components/nav/more-button.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/nav/more-button.tsx b/web/components/nav/more-button.tsx
index 9847541c..7f3317e1 100644
--- a/web/components/nav/more-button.tsx
+++ b/web/components/nav/more-button.tsx
@@ -11,13 +11,13 @@ function SidebarButton(props: {
 }) {
   const { text, children } = props
   return (
-    <button className="group flex w-full items-center rounded-md px-3 py-2 text-sm font-medium text-gray-600 hover:cursor-pointer hover:bg-gray-100">
+    <div className="group flex w-full items-center rounded-md px-3 py-2 text-sm font-medium text-gray-600 hover:cursor-pointer hover:bg-gray-100">
       <props.icon
         className="-ml-1 mr-3 h-6 w-6 flex-shrink-0 text-gray-400 group-hover:text-gray-500"
         aria-hidden="true"
       />
       <span className="truncate">{text}</span>
       {children}
-    </button>
+    </div>
   )
 }