diff --git a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
index 17ff7de1a..5cddda2f8 100644
--- a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
@@ -14,7 +14,7 @@ export default function DisclosureComponent({
 			{({ open }) => (
 				<>
 					<div>
-						<div className="select-none bg-gray-50 dark:bg-gray-700 dark:border-y-gray-600 w-full flex justify-between items-center -mt-px px-3 py-2 border-y border-y-gray-200">
+						<Disclosure.Button className="select-none bg-gray-50 dark:bg-gray-700 dark:border-y-gray-600 w-full flex justify-between items-center -mt-px px-3 py-2 border-y border-y-gray-200">
 							<div className="flex gap-4">
 								<Icon className="w-6 text-gray-800 dark:text-white" />
 								<span className="flex items-center text-sm text-gray-800 dark:text-white font-medium">
@@ -27,15 +27,15 @@ export default function DisclosureComponent({
 										{x.Icon}
 									</button>
 								))}
-								<Disclosure.Button as="button">
+								<div>
 									<ChevronRightIcon
 										className={`${
 											open ? "rotate-90 transform" : ""
 										} h-4 w-4 text-gray-800 dark:text-white`}
 									/>
-								</Disclosure.Button>
+								</div>
 							</div>
-						</div>
+						</Disclosure.Button>
 					</div>
 					<Disclosure.Panel as="div" className="-mt-px">
 						{children}