diff --git a/frontend/src/pages/Memories/Memories.tsx b/frontend/src/pages/Memories/Memories.tsx
index 92f232b51..d85c312b7 100644
--- a/frontend/src/pages/Memories/Memories.tsx
+++ b/frontend/src/pages/Memories/Memories.tsx
@@ -1,5 +1,7 @@
+import { MemoriesPage } from '@/components/Memories';
+
 const Memories = () => {
-  return <></>;
+  return <MemoriesPage />;
 };
 
 export default Memories;
diff --git a/frontend/src/routes/AppRoutes.tsx b/frontend/src/routes/AppRoutes.tsx
index 18346baf6..f2ea92ce5 100644
--- a/frontend/src/routes/AppRoutes.tsx
+++ b/frontend/src/routes/AppRoutes.tsx
@@ -9,7 +9,7 @@ import { MyFav } from '@/pages/Home/MyFav';
 import { AITagging } from '@/pages/AITagging/AITagging';
 import { PersonImages } from '@/pages/PersonImages/PersonImages';
 import { ComingSoon } from '@/pages/ComingSoon/ComingSoon';
-import { MemoriesPage } from '@/components/Memories';
+import Memories from '@/pages/Memories/Memories';
 import { MemoryDetail } from '@/components/Memories/MemoryDetail';
 
 export const AppRoutes: React.FC = () => {
@@ -23,7 +23,7 @@ export const AppRoutes: React.FC = () => {
         <Route path={ROUTES.SETTINGS} element={<Settings />} />
         <Route path={ROUTES.AI} element={<AITagging />} />
         <Route path={ROUTES.ALBUMS} element={<ComingSoon />} />
-        <Route path={ROUTES.MEMORIES} element={<MemoriesPage />} />
+        <Route path={ROUTES.MEMORIES} element={<Memories />} />
         <Route path={ROUTES.MEMORY_DETAIL} element={<MemoryDetail />} />
         <Route path={ROUTES.PERSON} element={<PersonImages />} />
       </Route>