From e4910e2a6440937131ea70d8893ece70978492d6 Mon Sep 17 00:00:00 2001
From: Laiba Firdouse <laibafirshaikh@gmail.com>
Date: Fri, 12 Jun 2026 01:09:16 +0530
Subject: [PATCH] fix : replace nested button elements with div in  Sidebar

---
 components/Layouts/Sidebar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Layouts/Sidebar.tsx b/components/Layouts/Sidebar.tsx
index f214ea2a..5ad9508f 100644
--- a/components/Layouts/Sidebar.tsx
+++ b/components/Layouts/Sidebar.tsx
@@ -281,7 +281,7 @@ export function AppSidebar() {
                       tooltip={link.title}
                     >
                       {link.showProModal || isWorkflowsLink ? (
-                        <button
+                        <div
                           className="flex gap-2 items-center w-full overflow-hidden"
                           onClick={handleClick}
                         >
@@ -292,7 +292,7 @@ export function AppSidebar() {
                               {link.description}
                             </span>
                           )}
-                        </button>
+                        </div>
                       ) : (
                         <Link
                           href={link.href}