diff --git a/web/apps/accounts/src/pages/passkeys/index.tsx b/web/apps/accounts/src/pages/passkeys/index.tsx
index f928cabcca..04a68e1c84 100644
--- a/web/apps/accounts/src/pages/passkeys/index.tsx
+++ b/web/apps/accounts/src/pages/passkeys/index.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import log from "@/next/log";
 import { ensure } from "@/utils/ensure";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/emailShare/AddParticipantForm.tsx b/web/apps/photos/src/components/Collections/CollectionShare/emailShare/AddParticipantForm.tsx
index bb36ae2e8a..bd07d854cf 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/emailShare/AddParticipantForm.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/emailShare/AddParticipantForm.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import MenuSectionTitle from "@/new/common/components/menu/MenuSectionTitle";
 import { FlexWrapper } from "@ente/shared/components/Container";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/emailShare/ManageEmailShare.tsx b/web/apps/photos/src/components/Collections/CollectionShare/emailShare/ManageEmailShare.tsx
index d33ce32605..13f4a2d9e7 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/emailShare/ManageEmailShare.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/emailShare/ManageEmailShare.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import MenuSectionTitle from "@/new/common/components/menu/MenuSectionTitle";
 import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/emailShare/ManageParticipant.tsx b/web/apps/photos/src/components/Collections/CollectionShare/emailShare/ManageParticipant.tsx
index 014f013a40..38adca4c87 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/emailShare/ManageParticipant.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/emailShare/ManageParticipant.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import log from "@/next/log";
 import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/emailShare/index.tsx b/web/apps/photos/src/components/Collections/CollectionShare/emailShare/index.tsx
index febb6e4d29..58dc59b385 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/emailShare/index.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/emailShare/index.tsx
@@ -1,7 +1,7 @@
 import { useRef, useState } from "react";
 import { COLLECTION_ROLE, Collection } from "types/collection";
 
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import MenuSectionTitle from "@/new/common/components/menu/MenuSectionTitle";
 import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/EnablePublicShareOptions.tsx b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/EnablePublicShareOptions.tsx
index d5ca9c8bdf..ab8cc25239 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/EnablePublicShareOptions.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/EnablePublicShareOptions.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import MenuSectionTitle from "@/new/common/components/menu/MenuSectionTitle";
 import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/deviceLimit.tsx b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/deviceLimit.tsx
index 3377cb0276..c076da752e 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/deviceLimit.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/deviceLimit.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
 import ChevronRight from "@mui/icons-material/ChevronRight";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/index.tsx b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/index.tsx
index d4b253780b..d97d59c191 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/index.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/index.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
 import ContentCopyIcon from "@mui/icons-material/ContentCopy";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/linkExpiry.tsx b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/linkExpiry.tsx
index 6c311e365b..8b4e04cb93 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/linkExpiry.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/manage/linkExpiry.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
 import { formatDateTime } from "@ente/shared/time/format";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/managePublicShare.tsx b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/managePublicShare.tsx
index fe3dc1cf83..e2b58b15cf 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/publicShare/managePublicShare.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/publicShare/managePublicShare.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
 import ChevronRightIcon from "@mui/icons-material/ChevronRight";
diff --git a/web/apps/photos/src/components/Collections/CollectionShare/sharingDetails.tsx b/web/apps/photos/src/components/Collections/CollectionShare/sharingDetails.tsx
index 45dd8d9135..16f715520a 100644
--- a/web/apps/photos/src/components/Collections/CollectionShare/sharingDetails.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionShare/sharingDetails.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import MenuSectionTitle from "@/new/common/components/menu/MenuSectionTitle";
 import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
diff --git a/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay/TransformMenu.tsx b/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay/TransformMenu.tsx
index 2c56b93ff8..dd0e1f43cb 100644
--- a/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay/TransformMenu.tsx
+++ b/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay/TransformMenu.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import MenuSectionTitle from "@/new/common/components/menu/MenuSectionTitle";
 import log from "@/next/log";
diff --git a/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay/index.tsx b/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay/index.tsx
index 2aa924a054..ff1310d232 100644
--- a/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay/index.tsx
+++ b/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay/index.tsx
@@ -1,4 +1,4 @@
-import MenuItemDivider from "@/new/common/components/menu/MenuItemDivider";
+import { MenuItemDivider } from "@/new/common/components/menu/MenuItemDivider";
 import { MenuItemGroup } from "@/new/common/components/menu/MenuItemGroup";
 import MenuSectionTitle from "@/new/common/components/menu/MenuSectionTitle";
 import downloadManager from "@/new/photos/services/download";
diff --git a/web/packages/new/common/components/menu/MenuItemDivider.tsx b/web/packages/new/common/components/menu/MenuItemDivider.tsx
index da3b309a2b..21c632ee49 100644
--- a/web/packages/new/common/components/menu/MenuItemDivider.tsx
+++ b/web/packages/new/common/components/menu/MenuItemDivider.tsx
@@ -1,8 +1,13 @@
 import { Divider } from "@mui/material";
-interface Iprops {
+import React from "react";
+
+interface MenuItemDividerProps {
     hasIcon?: boolean;
 }
-export default function MenuItemDivider({ hasIcon = false }: Iprops) {
+
+export const MenuItemDivider: React.FC<MenuItemDividerProps> = ({
+    hasIcon,
+}) => {
     return (
         <Divider
             sx={{
@@ -13,4 +18,4 @@ export default function MenuItemDivider({ hasIcon = false }: Iprops) {
             }}
         />
     );
-}
+};