From ff7f16e73c4e0dbe0fb8362530d5740967b12619 Mon Sep 17 00:00:00 2001
From: sagar prakash kawad <spkawad21@gmail.com>
Date: Sat, 3 Jan 2026 00:28:16 +0530
Subject: [PATCH] fix:[BUG] <button> cannot contain a nested <button>

---
 apps/web/src/app/projects/page.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/app/projects/page.tsx b/apps/web/src/app/projects/page.tsx
index 3d66a3c56..bd3347f44 100644
--- a/apps/web/src/app/projects/page.tsx
+++ b/apps/web/src/app/projects/page.tsx
@@ -296,8 +296,8 @@ export default function ProjectsPage() {
         </div>
 
         {isSelectionMode && sortedProjects.length > 0 && (
-          <button
-            type="button"
+          <div
+            role="button"
             onClick={() => handleSelectAll(!allSelected)}
             onKeyDown={(e) => {
               if (e.key === "Enter" || e.key === " ") {
@@ -315,7 +315,7 @@ export default function ProjectsPage() {
             <span className="text-sm text-muted-foreground">
               ({selectedProjects.size} of {sortedProjects.length} selected)
             </span>
-          </button>
+          </div>
         )}
 
         {isLoading || !isInitialized ? (
@@ -566,14 +566,15 @@ function ProjectCard({
   return (
     <>
       {isSelectionMode ? (
-        <button
-          type="button"
+        <div
+          role="button"
+          tabIndex={0}
           onClick={handleCardClick}
           onKeyDown={handleCardKeyDown}
           className="block group cursor-pointer w-full text-left"
         >
           {cardContent}
-        </button>
+        </div>
       ) : (
         <Link href={`/editor/${project.id}`} className="block group">
           {cardContent}