diff --git a/web/apps/photos/src/components/pages/gallery/Navbar.tsx b/web/apps/photos/src/components/pages/gallery/Navbar.tsx
index 95c679134e..f932995aea 100644
--- a/web/apps/photos/src/components/pages/gallery/Navbar.tsx
+++ b/web/apps/photos/src/components/pages/gallery/Navbar.tsx
@@ -1,8 +1,8 @@
 import { EnteFile } from "@/new/photos/types/file";
 import { FlexWrapper, HorizontalFlex } from "@ente/shared/components/Container";
-import SidebarToggler from "@ente/shared/components/Navbar/SidebarToggler";
 import NavbarBase from "@ente/shared/components/Navbar/base";
 import ArrowBack from "@mui/icons-material/ArrowBack";
+import MenuIcon from "@mui/icons-material/Menu";
 import { IconButton, Typography } from "@mui/material";
 import SearchBar from "components/Search/SearchBar";
 import UploadButton from "components/Upload/UploadButton";
@@ -53,7 +53,9 @@ export function GalleryNavbar({
             ) : (
                 <>
                     {!isInSearchMode && (
-                        <SidebarToggler openSidebar={openSidebar} />
+                        <IconButton onClick={openSidebar} sx={{ pl: 0 }}>
+                            <MenuIcon />
+                        </IconButton>
                     )}
                     <SearchBar
                         isInSearchMode={isInSearchMode}
diff --git a/web/packages/shared/components/Navbar/SidebarToggler.tsx b/web/packages/shared/components/Navbar/SidebarToggler.tsx
deleted file mode 100644
index 84355d5499..0000000000
--- a/web/packages/shared/components/Navbar/SidebarToggler.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import MenuIcon from "@mui/icons-material/Menu";
-import IconButton from "@mui/material/IconButton";
-
-interface Iprops {
-    openSidebar: () => void;
-}
-export default function SidebarToggler({ openSidebar }: Iprops) {
-    return (
-        <IconButton onClick={openSidebar} sx={{ pl: 0 }}>
-            <MenuIcon />
-        </IconButton>
-    );
-}