From f1fd9b2f87eee298681d24440b7f5abb9cde08bd Mon Sep 17 00:00:00 2001
From: Haileyesus <something@gmail.com>
Date: Mon, 23 Feb 2026 10:35:43 +0300
Subject: [PATCH] fix: convert div to button for better accessibility in commit
 history item

---
 .../git-panel/view/history/CommitHistoryItem.tsx          | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/git-panel/view/history/CommitHistoryItem.tsx b/src/components/git-panel/view/history/CommitHistoryItem.tsx
index 3c84cef..c7c7f85 100644
--- a/src/components/git-panel/view/history/CommitHistoryItem.tsx
+++ b/src/components/git-panel/view/history/CommitHistoryItem.tsx
@@ -30,8 +30,10 @@ export default function CommitHistoryItem({
 }: CommitHistoryItemProps) {
   return (
     <div className="border-b border-border last:border-0">
-      <div
-        className="flex items-start p-3 hover:bg-accent/50 cursor-pointer transition-colors"
+      <button
+        type="button"
+        aria-expanded={isExpanded}
+        className="w-full flex items-start p-3 hover:bg-accent/50 cursor-pointer transition-colors text-left bg-transparent border-0"
         onClick={onToggle}
       >
         <span className="mr-2 mt-1 p-0.5 hover:bg-accent rounded">
@@ -52,7 +54,7 @@ export default function CommitHistoryItem({
             </span>
           </div>
         </div>
-      </div>
+      </button>
 
       {isExpanded && diff && (
         <div className="bg-muted/50">