diff --git a/app/courrier/page.tsx b/app/courrier/page.tsx
index 60ea50b7..208547f3 100644
--- a/app/courrier/page.tsx
+++ b/app/courrier/page.tsx
@@ -916,8 +916,8 @@ export default function CourrierPage() {
                             <div className={`w-3 h-3 rounded-full ${account.color?.startsWith('#') ? 'bg-blue-500' : account.color || 'bg-blue-500'} mr-2`}></div>
                             <span className="truncate text-gray-700">{account.name}</span>
                             {account.id !== 'all-accounts' && (
-                              <button 
-                                className="ml-auto text-gray-400 hover:text-gray-600"
+                              <span
+                                className="ml-auto text-gray-400 hover:text-gray-600 cursor-pointer"
                                 onClick={(e) => {
                                   e.stopPropagation();
                                   // Toggle this specific account's expanded state
@@ -928,7 +928,7 @@ export default function CourrierPage() {
                                 }}
                               >
                                 {expandedAccounts[account.id] ? <ChevronUp className="h-3 w-3" /> : <ChevronDown className="h-3 w-3" />}
-                              </button>
+                              </span>
                             )}
                           </div>
                         </Button>