From b8671eb7617a691f4ac3b88fe8ad0eee5b27cc59 Mon Sep 17 00:00:00 2001
From: Kha Nguyen <hi@khanguyen.com>
Date: Wed, 23 Jul 2025 17:27:44 -0500
Subject: [PATCH] fix: use button for editable project title on header

---
 apps/web/src/components/editor-header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/editor-header.tsx b/apps/web/src/components/editor-header.tsx
index 848998ba..e55043e1 100644
--- a/apps/web/src/components/editor-header.tsx
+++ b/apps/web/src/components/editor-header.tsx
@@ -85,10 +85,10 @@ export function EditorHeader() {
                 autoFocus
               />
             ) : (
-              <span
+              <Button
                 className="text-sm font-medium cursor-pointer hover:text-muted-foreground flex items-center gap-2 group"
                 title="Click to rename"
-                role="button"
+                variant="text"
                 tabIndex={0}
                 onClick={handleNameEdit}
               >
@@ -96,7 +96,7 @@ export function EditorHeader() {
                   {activeProject?.name}
                 </div>
                 <SquarePen className="w-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity" />
-              </span>
+              </Button>
             )}
           </BreadcrumbItem>
         </BreadcrumbList>