diff --git a/apps/web/src/components/menu/index.js b/apps/web/src/components/menu/index.js
index a798c8152..400f6a1d8 100644
--- a/apps/web/src/components/menu/index.js
+++ b/apps/web/src/components/menu/index.js
@@ -44,7 +44,7 @@ function useMenuFocus(items, onAction, onClose) {
   const onKeyDown = useCallback(
     (e) => {
       const isSeperator = (i) =>
-        items && (items[i]?.type === "seperator" || items[i]?.isDisabled);
+        items && (items[i]?.type === "separator" || items[i]?.isDisabled);
       const moveDown = (i) => (i < items.length - 1 ? ++i : 0);
       const moveUp = (i) => (i > 0 ? --i : items.length - 1);
       const hasSubmenu = (i) => items && items[i]?.hasSubmenu;
diff --git a/apps/web/src/components/menu/menu-item.js b/apps/web/src/components/menu/menu-item.js
index 6d6cd42ae..e77f6df00 100644
--- a/apps/web/src/components/menu/menu-item.js
+++ b/apps/web/src/components/menu/menu-item.js
@@ -37,7 +37,7 @@ function MenuItem({ item, isFocused, onMouseEnter, onMouseLeave, onClick }) {
     modifier
   } = item;
   const itemRef = useRef();
-  if (type === "seperator")
+  if (type === "separator")
     return (
       <Box
         as="li"
diff --git a/apps/web/src/hooks/use-menu.js b/apps/web/src/hooks/use-menu.js
index e63ed31c5..ff5ca44e0 100644
--- a/apps/web/src/hooks/use-menu.js
+++ b/apps/web/src/hooks/use-menu.js
@@ -193,9 +193,9 @@ function mapMenuItems(items, data) {
     const isHidden = hidden && hidden(data, item);
     if (isHidden) return prev;
 
-    const isSeperator = type === "seperator";
+    const isSeperator = type === "separator";
     if (isSeperator) {
-      prev.push({ isSeperator: true });
+      prev.push({ type });
       return prev;
     }