diff --git a/components/common/MenuButton.js b/components/common/MenuButton.js
index 4f3f2584..f3de66d0 100644
--- a/components/common/MenuButton.js
+++ b/components/common/MenuButton.js
@@ -9,7 +9,8 @@ export default function MenuButton({
   icon,
   value,
   options,
-  menuClassname,
+  buttonClassName,
+  menuClassName,
   menuPosition = 'bottom',
   menuAlign = 'right',
   onSelect,
@@ -38,7 +39,7 @@ export default function MenuButton({
     <div className={styles.container} ref={ref}>
       <Button
         icon={icon}
-        className={classNames(styles.button, { [styles.open]: showMenu })}
+        className={classNames(styles.button, buttonClassName, { [styles.open]: showMenu })}
         onClick={toggleMenu}
         variant="light"
       >
@@ -46,7 +47,7 @@ export default function MenuButton({
       </Button>
       {showMenu && (
         <Menu
-          className={menuClassname}
+          className={menuClassName}
           options={options}
           selectedOption={selectedOption}
           onSelect={handleSelect}
diff --git a/components/settings/LanguageButton.js b/components/settings/LanguageButton.js
index e138e5a5..2d340ed0 100644
--- a/components/settings/LanguageButton.js
+++ b/components/settings/LanguageButton.js
@@ -33,7 +33,7 @@ export default function LanguageButton() {
         icon={<Globe />}
         options={menuOptions}
         value={locale}
-        menuClassname={styles.menu}
+        menuClassName={styles.menu}
         renderValue={option => option?.display}
         onSelect={handleSelect}
       />