diff --git a/components/email/EmailListItem.tsx b/components/email/EmailListItem.tsx
index 7ac9ba5e..bf0e79a6 100644
--- a/components/email/EmailListItem.tsx
+++ b/components/email/EmailListItem.tsx
@@ -158,7 +158,10 @@ export default function EmailListItem({
             </span>
             <button
               className="h-6 w-6 text-gray-400 hover:text-yellow-400"
-              onClick={onToggleStarred}
+              onClick={(e) => {
+                e.stopPropagation();
+                onToggleStarred(e);
+              }}
             >
               <Star className={`h-4 w-4 ${email.flags?.flagged ? 'fill-yellow-400 text-yellow-400' : ''}`} />
             </button>