diff --git a/.changeset/clever-worms-breathe.md b/.changeset/clever-worms-breathe.md
new file mode 100644
index 00000000..0921060b
--- /dev/null
+++ b/.changeset/clever-worms-breathe.md
@@ -0,0 +1,5 @@
+---
+'@smile/haring-react': minor
+---
+
+Accessibility Correction unsupported ARIA attributes
diff --git a/packages/haring-react/src/Components/CollapseButton/CollapseButtonControlled.tsx b/packages/haring-react/src/Components/CollapseButton/CollapseButtonControlled.tsx
index 7cb6775f..5a331dfb 100644
--- a/packages/haring-react/src/Components/CollapseButton/CollapseButtonControlled.tsx
+++ b/packages/haring-react/src/Components/CollapseButton/CollapseButtonControlled.tsx
@@ -89,7 +89,6 @@ export function CollapseButtonControlled<
           root: rootClasses.join(' '),
           section: classes.section,
         }}
-        component="div"
         data-selected={selected}
         data-testid="root"
         fullWidth={fullWidth}
diff --git a/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap b/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap
index 004045e5..0f623fb5 100644
--- a/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap
+++ b/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`CollapseButton matches snapshot 1`] = `
   >
     @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
   </style>
-  <div
+  <button
     aria-expanded="false"
     class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
     data-block="true"
@@ -21,6 +21,7 @@ exports[`CollapseButton matches snapshot 1`] = `
     data-variant="white"
     data-with-right-section="true"
     style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+    type="button"
   >
     <span
       class="m_80f1301b mantine-Button-inner"
@@ -63,7 +64,7 @@ exports[`CollapseButton matches snapshot 1`] = `
         </button>
       </span>
     </span>
-  </div>
+  </button>
   <div
     aria-hidden="true"
     class=""
diff --git a/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap b/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap
index 471a48e5..4ad9cbaa 100644
--- a/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap
+++ b/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap
@@ -129,7 +129,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
     class="m_1b7284a3 mantine-Paper-root"
     style="padding: 0rem;"
   >
-    <div
+    <button
       aria-expanded="false"
       class="haring-focus haring-active    m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
@@ -139,6 +139,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
       data-variant="white"
       data-with-right-section="true"
       style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+      type="button"
     >
       <span
         class="m_80f1301b mantine-Button-inner"
@@ -183,14 +184,14 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
           </button>
         </span>
       </span>
-    </div>
+    </button>
     <div
       aria-hidden="true"
       class=""
       data-testid="content"
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
-      <div
+      <button
         aria-expanded="false"
         class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -199,6 +200,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
         data-testid="root"
         data-variant="white"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -215,8 +217,8 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
             </button>
           </span>
         </span>
-      </div>
-      <div
+      </button>
+      <button
         aria-expanded="false"
         class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -225,6 +227,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
         data-testid="root"
         data-variant="white"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -241,8 +244,8 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
             </button>
           </span>
         </span>
-      </div>
-      <div
+      </button>
+      <button
         aria-expanded="false"
         class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -252,6 +255,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
         data-variant="white"
         data-with-right-section="true"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -296,14 +300,14 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
             </button>
           </span>
         </span>
-      </div>
+      </button>
       <div
         aria-hidden="true"
         class=""
         data-testid="content"
         style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
       >
-        <div
+        <button
           aria-expanded="false"
           class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
@@ -312,6 +316,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
           data-testid="root"
           data-variant="white"
           style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+          type="button"
         >
           <span
             class="m_80f1301b mantine-Button-inner"
@@ -328,8 +333,8 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
               </button>
             </span>
           </span>
-        </div>
-        <div
+        </button>
+        <button
           aria-expanded="false"
           class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
@@ -338,6 +343,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
           data-testid="root"
           data-variant="white"
           style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+          type="button"
         >
           <span
             class="m_80f1301b mantine-Button-inner"
@@ -354,9 +360,9 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
               </button>
             </span>
           </span>
-        </div>
+        </button>
       </div>
-      <div
+      <button
         aria-expanded="false"
         class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -365,6 +371,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
         data-testid="root"
         data-variant="white"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -381,9 +388,9 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
             </button>
           </span>
         </span>
-      </div>
+      </button>
     </div>
-    <div
+    <button
       aria-expanded="false"
       class="haring-focus haring-active    m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
@@ -392,6 +399,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
       data-testid="root"
       data-variant="white"
       style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+      type="button"
     >
       <span
         class="m_80f1301b mantine-Button-inner"
@@ -408,8 +416,8 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
           </button>
         </span>
       </span>
-    </div>
-    <div
+    </button>
+    <button
       aria-expanded="false"
       class="haring-focus haring-active    m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
@@ -418,6 +426,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
       data-testid="root"
       data-variant="white"
       style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+      type="button"
     >
       <span
         class="m_80f1301b mantine-Button-inner"
@@ -434,7 +443,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
           </button>
         </span>
       </span>
-    </div>
+    </button>
   </div>
 </div>
 `;
diff --git a/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap b/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
index ca80d9e0..da7fb665 100644
--- a/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
+++ b/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
@@ -16,7 +16,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
     class=""
   >
     <div>
-      <div
+      <button
         aria-expanded="true"
         class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -25,6 +25,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
         data-variant="white"
         data-with-right-section="true"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -74,7 +75,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
             </button>
           </span>
         </span>
-      </div>
+      </button>
       <div
         aria-hidden="false"
         class=""
@@ -218,7 +219,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
         class="m_1b7284a3 mantine-Paper-root"
         style="padding: 0rem;"
       >
-        <div
+        <button
           aria-expanded="true"
           class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
@@ -228,6 +229,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
           data-variant="white"
           data-with-right-section="true"
           style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+          type="button"
         >
           <span
             class="m_80f1301b mantine-Button-inner"
@@ -272,7 +274,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
               </button>
             </span>
           </span>
-        </div>
+        </button>
         <div
           aria-hidden="false"
           class=""
@@ -418,7 +420,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
             </div>
           </div>
         </div>
-        <div
+        <button
           aria-expanded="true"
           class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
@@ -428,6 +430,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
           data-variant="white"
           data-with-right-section="true"
           style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+          type="button"
         >
           <span
             class="m_80f1301b mantine-Button-inner"
@@ -472,14 +475,14 @@ exports[`SidebarFilters matches snapshot 1`] = `
               </button>
             </span>
           </span>
-        </div>
+        </button>
         <div
           aria-hidden="false"
           class=""
           data-testid="content"
           style="box-sizing: border-box; opacity: 1; transition: opacity 200ms ease; border-top: 1px solid #dee2e6;"
         >
-          <div
+          <button
             aria-expanded="true"
             class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
             data-block="true"
@@ -489,6 +492,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
             data-variant="white"
             data-with-right-section="true"
             style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+            type="button"
           >
             <span
               class="m_80f1301b mantine-Button-inner"
@@ -533,7 +537,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
                 </button>
               </span>
             </span>
-          </div>
+          </button>
           <div
             aria-hidden="false"
             class=""
@@ -633,7 +637,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
               </div>
             </div>
           </div>
-          <div
+          <button
             aria-expanded="true"
             class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
             data-block="true"
@@ -643,6 +647,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
             data-variant="white"
             data-with-right-section="true"
             style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+            type="button"
           >
             <span
               class="m_80f1301b mantine-Button-inner"
@@ -687,7 +692,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
                 </button>
               </span>
             </span>
-          </div>
+          </button>
           <div
             aria-hidden="false"
             class=""
@@ -743,7 +748,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
             </div>
           </div>
         </div>
-        <div
+        <button
           aria-expanded="false"
           class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
@@ -752,6 +757,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
           data-testid="root"
           data-variant="white"
           style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+          type="button"
         >
           <span
             class="m_80f1301b mantine-Button-inner"
@@ -768,8 +774,8 @@ exports[`SidebarFilters matches snapshot 1`] = `
               </button>
             </span>
           </span>
-        </div>
-        <div
+        </button>
+        <button
           aria-expanded="false"
           class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
@@ -778,6 +784,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
           data-testid="root"
           data-variant="white"
           style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+          type="button"
         >
           <span
             class="m_80f1301b mantine-Button-inner"
@@ -794,7 +801,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
               </button>
             </span>
           </span>
-        </div>
+        </button>
       </div>
     </div>
     <div>
diff --git a/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap b/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap
index 378ff538..e1625e12 100644
--- a/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap
+++ b/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
   <div
     class="m_1b7284a3 mantine-Paper-root"
   >
-    <div
+    <button
       aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
@@ -26,6 +26,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
       data-with-left-section="true"
       data-with-right-section="true"
       style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+      type="button"
     >
       <span
         class="m_80f1301b mantine-Button-inner"
@@ -96,14 +97,14 @@ exports[`SidebarMenu matches snapshot 1`] = `
           </button>
         </span>
       </span>
-    </div>
+    </button>
     <div
       aria-hidden="true"
       class=""
       data-testid="content"
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
-      <div
+      <button
         aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -112,6 +113,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
         data-testid="root"
         data-variant="white"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -128,9 +130,9 @@ exports[`SidebarMenu matches snapshot 1`] = `
             </button>
           </span>
         </span>
-      </div>
+      </button>
     </div>
-    <div
+    <button
       aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
@@ -141,6 +143,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
       data-with-left-section="true"
       data-with-right-section="true"
       style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+      type="button"
     >
       <span
         class="m_80f1301b mantine-Button-inner"
@@ -211,14 +214,14 @@ exports[`SidebarMenu matches snapshot 1`] = `
           </button>
         </span>
       </span>
-    </div>
+    </button>
     <div
       aria-hidden="true"
       class=""
       data-testid="content"
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
-      <div
+      <button
         aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -227,6 +230,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
         data-testid="root"
         data-variant="white"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -243,9 +247,9 @@ exports[`SidebarMenu matches snapshot 1`] = `
             </button>
           </span>
         </span>
-      </div>
+      </button>
     </div>
-    <div
+    <button
       aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
@@ -256,6 +260,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
       data-with-left-section="true"
       data-with-right-section="true"
       style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+      type="button"
     >
       <span
         class="m_80f1301b mantine-Button-inner"
@@ -326,14 +331,14 @@ exports[`SidebarMenu matches snapshot 1`] = `
           </button>
         </span>
       </span>
-    </div>
+    </button>
     <div
       aria-hidden="true"
       class=""
       data-testid="content"
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
-      <div
+      <button
         aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -342,6 +347,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
         data-testid="root"
         data-variant="white"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -358,8 +364,8 @@ exports[`SidebarMenu matches snapshot 1`] = `
             </button>
           </span>
         </span>
-      </div>
-      <div
+      </button>
+      <button
         aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -369,6 +375,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
         data-variant="white"
         data-with-right-section="true"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -413,14 +420,14 @@ exports[`SidebarMenu matches snapshot 1`] = `
             </button>
           </span>
         </span>
-      </div>
+      </button>
       <div
         aria-hidden="true"
         class=""
         data-testid="content"
         style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
       >
-        <div
+        <button
           aria-expanded="false"
           class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
@@ -429,6 +436,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
           data-testid="root"
           data-variant="white"
           style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+          type="button"
         >
           <span
             class="m_80f1301b mantine-Button-inner"
@@ -445,9 +453,9 @@ exports[`SidebarMenu matches snapshot 1`] = `
               </button>
             </span>
           </span>
-        </div>
+        </button>
       </div>
-      <div
+      <button
         aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -456,6 +464,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
         data-testid="root"
         data-variant="white"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -472,9 +481,9 @@ exports[`SidebarMenu matches snapshot 1`] = `
             </button>
           </span>
         </span>
-      </div>
+      </button>
     </div>
-    <div
+    <button
       aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
@@ -484,6 +493,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
       data-variant="white"
       data-with-left-section="true"
       style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+      type="button"
     >
       <span
         class="m_80f1301b mantine-Button-inner"
@@ -526,8 +536,8 @@ exports[`SidebarMenu matches snapshot 1`] = `
           </button>
         </span>
       </span>
-    </div>
-    <div
+    </button>
+    <button
       aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
@@ -538,6 +548,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
       data-with-left-section="true"
       data-with-right-section="true"
       style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+      type="button"
     >
       <span
         class="m_80f1301b mantine-Button-inner"
@@ -608,14 +619,14 @@ exports[`SidebarMenu matches snapshot 1`] = `
           </button>
         </span>
       </span>
-    </div>
+    </button>
     <div
       aria-hidden="true"
       class=""
       data-testid="content"
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
-      <div
+      <button
         aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -625,6 +636,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
         data-variant="white"
         data-with-right-section="true"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -669,14 +681,14 @@ exports[`SidebarMenu matches snapshot 1`] = `
             </button>
           </span>
         </span>
-      </div>
+      </button>
       <div
         aria-hidden="true"
         class=""
         data-testid="content"
         style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
       >
-        <div
+        <button
           aria-expanded="false"
           class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
@@ -685,6 +697,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
           data-testid="root"
           data-variant="white"
           style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+          type="button"
         >
           <span
             class="m_80f1301b mantine-Button-inner"
@@ -701,8 +714,8 @@ exports[`SidebarMenu matches snapshot 1`] = `
               </button>
             </span>
           </span>
-        </div>
-        <div
+        </button>
+        <button
           aria-expanded="false"
           class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
@@ -711,6 +724,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
           data-testid="root"
           data-variant="white"
           style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+          type="button"
         >
           <span
             class="m_80f1301b mantine-Button-inner"
@@ -727,9 +741,9 @@ exports[`SidebarMenu matches snapshot 1`] = `
               </button>
             </span>
           </span>
-        </div>
+        </button>
       </div>
-      <div
+      <button
         aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
@@ -738,6 +752,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
         data-testid="root"
         data-variant="white"
         style="--button-height: var(--button-height-md); --button-padding-x: var(--button-padding-x-md); --button-fz: var(--mantine-font-size-md); --button-radius: 0rem; --button-bg: var(--mantine-color-white); --button-hover: rgba(252, 252, 252, 1); --button-color: var(--mantine-color-cyan-filled); --button-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
+        type="button"
       >
         <span
           class="m_80f1301b mantine-Button-inner"
@@ -754,7 +769,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
             </button>
           </span>
         </span>
-      </div>
+      </button>
     </div>
   </div>
 </div>