From a6f62cf034ed3d659e815705955d5f95803ee7d3 Mon Sep 17 00:00:00 2001
From: Manuel <manuel.fischer@abusix.com>
Date: Wed, 13 Dec 2023 11:20:03 +0100
Subject: [PATCH] fix(components): use div instead of button to fix invalid
 html

---
 src/components/navigation/navigation-disclosure-panel.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/navigation/navigation-disclosure-panel.tsx b/src/components/navigation/navigation-disclosure-panel.tsx
index e59fa2fc..c07c5284 100644
--- a/src/components/navigation/navigation-disclosure-panel.tsx
+++ b/src/components/navigation/navigation-disclosure-panel.tsx
@@ -2,8 +2,7 @@ import React from "react";
 import { Disclosure } from "@headlessui/react";
 import { classNames } from "../../util/class-names";
 
-export interface NavigationDisclosurePanelItemProps
-    extends React.ComponentPropsWithoutRef<"button"> {
+export interface NavigationDisclosurePanelItemProps extends React.ComponentPropsWithoutRef<"div"> {
     isActive?: boolean;
     isIndented?: boolean;
 }
@@ -15,8 +14,7 @@ const NavigationDisclosurePanelItem = ({
     ...props
 }: NavigationDisclosurePanelItemProps) => {
     return (
-        <button
-            type="button"
+        <div
             className={classNames(
                 "relative w-full px-8 py-3 text-left text-sm text-neutral-0 hover:bg-primary-900+10",
                 isIndented && "px-14",
@@ -28,7 +26,7 @@ const NavigationDisclosurePanelItem = ({
             {isActive && (
                 <div className="absolute bottom-0 left-0 top-0 h-full w-0.5 rounded-r-sm bg-neutral-0" />
             )}
-        </button>
+        </div>
     );
 };