fixed button inside of button, turning it into a div

frontend/components/navigation.tsx

@@ -456,20 +456,24 @@ export function Navigation({
                             </div>
                           </div>
                           <DropdownMenu>
-                            <DropdownMenuTrigger asChild>
+                            <DropdownMenuTrigger disabled={loading || deleteSessionMutation.isPending} asChild>
-                              <button
+                              <div
-                                type="button"
+                                className="opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-foreground transition-opacity p-1 hover:bg-accent rounded text-muted-foreground hover:text-foreground ml-2 flex-shrink-0 cursor-pointer"
-                                className="opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-foreground transition-opacity p-1 hover:bg-accent rounded text-muted-foreground hover:text-foreground ml-2 flex-shrink-0"
                                 title="More options"
-                                disabled={
+                                role="button"
-                                  loading || deleteSessionMutation.isPending
+                                tabIndex={0}
-                                }
                                 onClick={(e) => {
                                   e.stopPropagation();
                                 }}
+                                onKeyDown={(e) => {
+                                  if (e.key === 'Enter' || e.key === ' ') {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                  }
+                                }}
                               >
                                 <EllipsisVertical className="h-4 w-4" />
-                              </button>
+                              </div>
                             </DropdownMenuTrigger>
                             <DropdownMenuContent
                               side="bottom"