diff --git a/web/src/components/HomeSidebar/index.ts b/web/src/components/HomeSidebar/index.ts
deleted file mode 100644
index f66cde32c..000000000
--- a/web/src/components/HomeSidebar/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import HomeSidebar from "./HomeSidebar";
-import HomeSidebarDrawer from "./HomeSidebarDrawer";
-
-export { HomeSidebar, HomeSidebarDrawer };
diff --git a/web/src/components/HomeSidebar/HomeSidebar.tsx b/web/src/components/MemoExplorer/MemoExplorer.tsx
similarity index 91%
rename from web/src/components/HomeSidebar/HomeSidebar.tsx
rename to web/src/components/MemoExplorer/MemoExplorer.tsx
index 83e63bd81..4508520de 100644
--- a/web/src/components/HomeSidebar/HomeSidebar.tsx
+++ b/web/src/components/MemoExplorer/MemoExplorer.tsx
@@ -10,7 +10,7 @@ interface Props {
   className?: string;
 }
 
-const HomeSidebar = observer((props: Props) => {
+const MemoExplorer = observer((props: Props) => {
   const currentUser = useCurrentUser();
 
   return (
@@ -30,4 +30,4 @@ const HomeSidebar = observer((props: Props) => {
   );
 });
 
-export default HomeSidebar;
+export default MemoExplorer;
diff --git a/web/src/components/HomeSidebar/HomeSidebarDrawer.tsx b/web/src/components/MemoExplorer/MemoExplorerDrawer.tsx
similarity index 84%
rename from web/src/components/HomeSidebar/HomeSidebarDrawer.tsx
rename to web/src/components/MemoExplorer/MemoExplorerDrawer.tsx
index 18fb7f465..25558e38d 100644
--- a/web/src/components/HomeSidebar/HomeSidebarDrawer.tsx
+++ b/web/src/components/MemoExplorer/MemoExplorerDrawer.tsx
@@ -3,9 +3,9 @@ import { useEffect, useState } from "react";
 import { useLocation } from "react-router-dom";
 import { Button } from "@/components/ui/button";
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
-import HomeSidebar from "./HomeSidebar";
+import MemoExplorer from "./MemoExplorer";
 
-const HomeSidebarDrawer = () => {
+const MemoExplorerDrawer = () => {
   const location = useLocation();
   const [open, setOpen] = useState(false);
 
@@ -24,10 +24,10 @@ const HomeSidebarDrawer = () => {
         <SheetHeader>
           <SheetTitle />
         </SheetHeader>
-        <HomeSidebar className="px-4" />
+        <MemoExplorer className="px-4" />
       </SheetContent>
     </Sheet>
   );
 };
 
-export default HomeSidebarDrawer;
+export default MemoExplorerDrawer;
diff --git a/web/src/components/HomeSidebar/ShortcutsSection.tsx b/web/src/components/MemoExplorer/ShortcutsSection.tsx
similarity index 100%
rename from web/src/components/HomeSidebar/ShortcutsSection.tsx
rename to web/src/components/MemoExplorer/ShortcutsSection.tsx
diff --git a/web/src/components/HomeSidebar/TagsSection.tsx b/web/src/components/MemoExplorer/TagsSection.tsx
similarity index 100%
rename from web/src/components/HomeSidebar/TagsSection.tsx
rename to web/src/components/MemoExplorer/TagsSection.tsx
diff --git a/web/src/components/MemoExplorer/index.ts b/web/src/components/MemoExplorer/index.ts
new file mode 100644
index 000000000..5be9a70cb
--- /dev/null
+++ b/web/src/components/MemoExplorer/index.ts
@@ -0,0 +1,4 @@
+import MemoExplorer from "./MemoExplorer";
+import MemoExplorerDrawer from "./MemoExplorerDrawer";
+
+export { MemoExplorer, MemoExplorerDrawer };
diff --git a/web/src/layouts/HomeLayout.tsx b/web/src/layouts/HomeLayout.tsx
index a0eb71cba..c56faa88c 100644
--- a/web/src/layouts/HomeLayout.tsx
+++ b/web/src/layouts/HomeLayout.tsx
@@ -2,7 +2,7 @@ import { last } from "lodash-es";
 import { observer } from "mobx-react-lite";
 import { matchPath, Outlet } from "react-router-dom";
 import { useDebounce } from "react-use";
-import { HomeSidebar, HomeSidebarDrawer } from "@/components/HomeSidebar";
+import { MemoExplorer, MemoExplorerDrawer } from "@/components/MemoExplorer";
 import MobileHeader from "@/components/MobileHeader";
 import useCurrentUser from "@/hooks/useCurrentUser";
 import useResponsiveWidth from "@/hooks/useResponsiveWidth";
@@ -35,12 +35,12 @@ const HomeLayout = observer(() => {
     <section className="@container w-full min-h-full flex flex-col justify-start items-center">
       {!md && (
         <MobileHeader>
-          <HomeSidebarDrawer />
+          <MemoExplorerDrawer />
         </MobileHeader>
       )}
       {md && (
         <div className={cn("fixed top-0 left-16 shrink-0 h-svh transition-all", "border-r border-border", lg ? "w-72" : "w-56")}>
-          <HomeSidebar className={cn("px-3 py-6")} />
+          <MemoExplorer className={cn("px-3 py-6")} />
         </div>
       )}
       <div className={cn("w-full min-h-full", lg ? "pl-72" : md ? "pl-56" : "")}>