diff --git a/src/components/Player/InputBox/InputBox.jsx b/src/components/Player/InputBox/InputBox.jsx
index da8eddf..cc07765 100644
--- a/src/components/Player/InputBox/InputBox.jsx
+++ b/src/components/Player/InputBox/InputBox.jsx
@@ -1,7 +1,7 @@
 import { h } from 'preact'
 import { useEffect, useRef, useState } from 'preact/hooks'
 
-import s from './MenuButton/MenuButton.module.scss'
+import MenuButton from './MenuButton/MenuButton'
 
 /* eslint-disable */
 const keyCodes = {
@@ -141,13 +141,8 @@ export default function InputBox ({
         onDblClick={onFullscreenRequest}
         onInput={({ target: { value } }) => setInputText(value)}
         type='search' />
-      <button
-        aria-label='Menu'
-        className={s.menuButton}
-        onClick={() => setMenuOpen(true)}
-      >
-        =
-      </button>
+      <MenuButton
+        onClick={() => setMenuOpen(true)} />
     </section>
   )
 }
diff --git a/src/components/Player/InputBox/MenuButton/MenuButton.jsx b/src/components/Player/InputBox/MenuButton/MenuButton.jsx
new file mode 100644
index 0000000..53f282f
--- /dev/null
+++ b/src/components/Player/InputBox/MenuButton/MenuButton.jsx
@@ -0,0 +1,15 @@
+import { h } from 'preact'
+
+import s from './MenuButton.module.scss'
+
+export default MenuButton = ({ onClick }) => {
+  return (
+    <button
+      aria-label='Menu'
+      className={s.menuButton}
+      onClick={() => setMenuOpen(true)}
+    >
+      =
+    </button>
+  )
+}