From 3b534ccbb9c32d830602ac13b98c92ef41104cc4 Mon Sep 17 00:00:00 2001
From: jerald-roy <jeraldroyj143@gmail.com>
Date: Thu, 8 Jan 2026 13:52:58 +0530
Subject: [PATCH] fix: remove button tag and keep content same for
 accessibility (#958)

---
 library/src/components/CollapseButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/library/src/components/CollapseButton.tsx b/library/src/components/CollapseButton.tsx
index 544d022fb..1f7b9161a 100644
--- a/library/src/components/CollapseButton.tsx
+++ b/library/src/components/CollapseButton.tsx
@@ -31,7 +31,7 @@ export const CollapseButton: React.FunctionComponent<Props> = ({
   children,
   ...rest
 }) => (
-  <button
+  <div
     {...rest}
     className={`focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 ${rest.className ?? ''}`}
     type="button"
@@ -43,5 +43,5 @@ export const CollapseButton: React.FunctionComponent<Props> = ({
         expanded ? '-rotate-90' : ''
       } ${chevronProps?.className ?? ''}`}
     />
-  </button>
+  </div>
 );