From a937928b5129df62e1a3a7702c2e674d39d0f150 Mon Sep 17 00:00:00 2001
From: Vishnu <vishnu@hexrfactory.com>
Date: Tue, 13 May 2025 12:29:41 +0530
Subject: [PATCH] Refactor category button to use div for improved semantic
 structure; enhance accessibility and interaction

---
 app/src/components/layout/sidebarLeft/Assets.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/components/layout/sidebarLeft/Assets.tsx b/app/src/components/layout/sidebarLeft/Assets.tsx
index f9e4bb5..b23ce58 100644
--- a/app/src/components/layout/sidebarLeft/Assets.tsx
+++ b/app/src/components/layout/sidebarLeft/Assets.tsx
@@ -230,7 +230,7 @@ const Assets: React.FC = () => {
                       (asset) => asset.category === category
                     );
                     return (
-                      <button
+                      <div
                         key={`${index}-${category}`}
                         className="category"
                         id={category}
@@ -243,7 +243,7 @@ const Assets: React.FC = () => {
                           draggable={false}
                         />
                         <div className="category-name">{category}</div>
-                      </button>
+                      </div>
                     );
                   })}
                 </div>