diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
index dd9b8268a..b2f5f13b6 100644
--- a/frontend/src/router.tsx
+++ b/frontend/src/router.tsx
@@ -6,6 +6,7 @@ import Home from './pages/Home';
 import NotFound from './pages/NotFound';
 import RootPage from './pages/RootPage';
 import Search from './pages/Search';
+import TopicListSkeleton from './components/Skeletons/TopicListSkeleton';
 
 const SelectedTopic = lazy(() => import('./pages/SelectedTopic'));
 const NewPin = lazy(() => import('./pages/NewPin'));
@@ -115,9 +116,9 @@ const routes: routeElement[] = [
       {
         path: 'my-page',
         element: (
-          <SuspenseComp>
+          <Suspense fallback={<TopicListSkeleton />}>
             <Profile />
-          </SuspenseComp>
+          </Suspense>
         ),
         withAuth: true,
       },