diff --git a/src/pages/episode.tsx b/src/components/episode/episode.tsx
similarity index 87%
rename from src/pages/episode.tsx
rename to src/components/episode/episode.tsx
index 366cef3..742f0bd 100644
--- a/src/pages/episode.tsx
+++ b/src/components/episode/episode.tsx
@@ -1,6 +1,6 @@
 import { useParams } from "react-router-dom";
-import { usePodcastQuery } from "../services/podcasts/podcast.hooks";
-import { useTitle } from "../hooks/use-title";
+import { usePodcastQuery } from "../../services/podcasts/podcast.hooks";
+import { useTitle } from "../../hooks/use-title";
 
 export function Episode() {
   const { podcastId, episodeId } = useParams<{
diff --git a/src/components/episode/index.ts b/src/components/episode/index.ts
new file mode 100644
index 0000000..7ce638a
--- /dev/null
+++ b/src/components/episode/index.ts
@@ -0,0 +1 @@
+export * from "./episode";
diff --git a/src/router.tsx b/src/router.tsx
index dcbe5e5..232c510 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -1,7 +1,7 @@
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import { Home } from "./pages/home";
 import { Podcast } from "./pages/podcast";
-import { Episode } from "./pages/episode";
+import { Episode } from "./components/episode";
 import { PodcastEpisodesList } from "./components/podcast/podcast-episodes-list";
 import { Layout } from "./components/ui/layout/layout";