diff --git a/src/components/menu/menu-button/menu-button.tsx b/src/components/menu/menu-button/menu-button.tsx
index a8bad7dd..9c73a1b7 100644
--- a/src/components/menu/menu-button/menu-button.tsx
+++ b/src/components/menu/menu-button/menu-button.tsx
@@ -1,5 +1,5 @@
-import React from "react";
 import { Menu as HeadlessMenu } from "@headlessui/react";
+import React from "react";
 
 export interface MenuButtonProps {
     children: React.ReactNode;
@@ -7,5 +7,9 @@ export interface MenuButtonProps {
 }
 
 export const MenuButton = ({ children, className }: MenuButtonProps) => {
-    return <HeadlessMenu.Button className={className}>{children}</HeadlessMenu.Button>;
+    return (
+        <HeadlessMenu.Button as="div" className={className}>
+            {children}
+        </HeadlessMenu.Button>
+    );
 };