diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index c19e79d2..9cc62ec7 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -16,7 +16,7 @@ import { MediaItem } from "@/utils/mediaTypes";
 import { MediaBookmarkButton } from "./MediaBookmark";
 import { IconPatch } from "../buttons/IconPatch";
 import { Icon, Icons } from "../Icon";
-import { DetailsModal } from "../overlays/details/DetailsModal";
+import { DetailsModal } from "../overlays/detailsModal/DetailsModal";
 
 export interface MediaCardProps {
   media: MediaItem;
diff --git a/src/components/overlays/details/DetailsBody.tsx b/src/components/overlays/detailsModal/DetailsBody.tsx
similarity index 100%
rename from src/components/overlays/details/DetailsBody.tsx
rename to src/components/overlays/detailsModal/DetailsBody.tsx
diff --git a/src/components/overlays/details/DetailsContent.tsx b/src/components/overlays/detailsModal/DetailsContent.tsx
similarity index 100%
rename from src/components/overlays/details/DetailsContent.tsx
rename to src/components/overlays/detailsModal/DetailsContent.tsx
diff --git a/src/components/overlays/details/DetailsInfo.tsx b/src/components/overlays/detailsModal/DetailsInfo.tsx
similarity index 100%
rename from src/components/overlays/details/DetailsInfo.tsx
rename to src/components/overlays/detailsModal/DetailsInfo.tsx
diff --git a/src/components/overlays/details/DetailsModal.tsx b/src/components/overlays/detailsModal/DetailsModal.tsx
similarity index 100%
rename from src/components/overlays/details/DetailsModal.tsx
rename to src/components/overlays/detailsModal/DetailsModal.tsx
diff --git a/src/components/overlays/details/DetailsRatings.tsx b/src/components/overlays/detailsModal/DetailsRatings.tsx
similarity index 100%
rename from src/components/overlays/details/DetailsRatings.tsx
rename to src/components/overlays/detailsModal/DetailsRatings.tsx
diff --git a/src/components/overlays/details/DetailsSkeleton.tsx b/src/components/overlays/detailsModal/DetailsSkeleton.tsx
similarity index 100%
rename from src/components/overlays/details/DetailsSkeleton.tsx
rename to src/components/overlays/detailsModal/DetailsSkeleton.tsx
diff --git a/src/components/overlays/details/EpisodeCarousel.tsx b/src/components/overlays/detailsModal/EpisodeCarousel.tsx
similarity index 100%
rename from src/components/overlays/details/EpisodeCarousel.tsx
rename to src/components/overlays/detailsModal/EpisodeCarousel.tsx
diff --git a/src/components/overlays/details/PeopleCarousel.tsx b/src/components/overlays/detailsModal/PeopleCarousel.tsx
similarity index 100%
rename from src/components/overlays/details/PeopleCarousel.tsx
rename to src/components/overlays/detailsModal/PeopleCarousel.tsx
diff --git a/src/components/overlays/details/TrailerOverlay.tsx b/src/components/overlays/detailsModal/TrailerOverlay.tsx
similarity index 100%
rename from src/components/overlays/details/TrailerOverlay.tsx
rename to src/components/overlays/detailsModal/TrailerOverlay.tsx
diff --git a/src/components/overlays/details/types.ts b/src/components/overlays/detailsModal/types.ts
similarity index 100%
rename from src/components/overlays/details/types.ts
rename to src/components/overlays/detailsModal/types.ts
diff --git a/src/components/player/internals/InfoButton.tsx b/src/components/player/internals/InfoButton.tsx
index 9731de19..2b980852 100644
--- a/src/components/player/internals/InfoButton.tsx
+++ b/src/components/player/internals/InfoButton.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 
 import { Icons } from "@/components/Icon";
-import { DetailsModal } from "@/components/overlays/details/DetailsModal";
+import { DetailsModal } from "@/components/overlays/detailsModal/DetailsModal";
 import { useModal } from "@/components/overlays/Modal";
 import { usePlayerStore } from "@/stores/player/store";
 import { usePreferencesStore } from "@/stores/preferences";
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index c7412731..2e7f7a9e 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -4,7 +4,7 @@ import { useTranslation } from "react-i18next";
 import { To, useNavigate } from "react-router-dom";
 
 import { WideContainer } from "@/components/layout/WideContainer";
-import { DetailsModal } from "@/components/overlays/details/DetailsModal";
+import { DetailsModal } from "@/components/overlays/detailsModal/DetailsModal";
 import { useDebounce } from "@/hooks/useDebounce";
 import { useRandomTranslation } from "@/hooks/useRandomTranslation";
 import { useSearchQuery } from "@/hooks/useSearchQuery";
diff --git a/src/pages/bookmarks/AllBookmarks.tsx b/src/pages/bookmarks/AllBookmarks.tsx
index 9ccd0fa6..542805c0 100644
--- a/src/pages/bookmarks/AllBookmarks.tsx
+++ b/src/pages/bookmarks/AllBookmarks.tsx
@@ -12,7 +12,7 @@ import { SectionHeading } from "@/components/layout/SectionHeading";
 import { WideContainer } from "@/components/layout/WideContainer";
 import { MediaGrid } from "@/components/media/MediaGrid";
 import { WatchedMediaCard } from "@/components/media/WatchedMediaCard";
-import { DetailsModal } from "@/components/overlays/details/DetailsModal";
+import { DetailsModal } from "@/components/overlays/detailsModal/DetailsModal";
 import { Modal, ModalCard, useModal } from "@/components/overlays/Modal";
 import { UserIcon, UserIcons } from "@/components/UserIcon";
 import { Heading1, Heading2, Paragraph } from "@/components/utils/Text";
diff --git a/src/pages/discover/AllMovieLists.tsx b/src/pages/discover/AllMovieLists.tsx
index 28543e28..e5917006 100644
--- a/src/pages/discover/AllMovieLists.tsx
+++ b/src/pages/discover/AllMovieLists.tsx
@@ -6,7 +6,7 @@ import { TmdbMovie, getLetterboxdLists } from "@/backend/metadata/letterboxd";
 import { Icon, Icons } from "@/components/Icon";
 import { WideContainer } from "@/components/layout/WideContainer";
 import { MediaCard } from "@/components/media/MediaCard";
-import { DetailsModal } from "@/components/overlays/details/DetailsModal";
+import { DetailsModal } from "@/components/overlays/detailsModal/DetailsModal";
 import { useModal } from "@/components/overlays/Modal";
 import { Heading1 } from "@/components/utils/Text";
 import { useIsMobile } from "@/hooks/useIsMobile";
diff --git a/src/pages/discover/Discover.tsx b/src/pages/discover/Discover.tsx
index 00ed9019..5873423e 100644
--- a/src/pages/discover/Discover.tsx
+++ b/src/pages/discover/Discover.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { Helmet } from "react-helmet-async";
 
-import { DetailsModal } from "@/components/overlays/details/DetailsModal";
+import { DetailsModal } from "@/components/overlays/detailsModal/DetailsModal";
 import { useModal } from "@/components/overlays/Modal";
 
 import { SubPageLayout } from "../layouts/SubPageLayout";
diff --git a/src/pages/discover/MoreContent.tsx b/src/pages/discover/MoreContent.tsx
index be277694..a3b2459e 100644
--- a/src/pages/discover/MoreContent.tsx
+++ b/src/pages/discover/MoreContent.tsx
@@ -9,7 +9,7 @@ import { Icon, Icons } from "@/components/Icon";
 import { WideContainer } from "@/components/layout/WideContainer";
 import { MediaCard } from "@/components/media/MediaCard";
 import { MediaGrid } from "@/components/media/MediaGrid";
-import { DetailsModal } from "@/components/overlays/details/DetailsModal";
+import { DetailsModal } from "@/components/overlays/detailsModal/DetailsModal";
 import { useModal } from "@/components/overlays/Modal";
 import { Heading1 } from "@/components/utils/Text";
 import {
diff --git a/src/pages/discover/discoverContent.tsx b/src/pages/discover/discoverContent.tsx
index 2f08aa20..6023f507 100644
--- a/src/pages/discover/discoverContent.tsx
+++ b/src/pages/discover/discoverContent.tsx
@@ -5,7 +5,7 @@ import { useNavigate } from "react-router-dom";
 
 import { Button } from "@/components/buttons/Button";
 import { WideContainer } from "@/components/layout/WideContainer";
-import { DetailsModal } from "@/components/overlays/details/DetailsModal";
+import { DetailsModal } from "@/components/overlays/detailsModal/DetailsModal";
 import { useModal } from "@/components/overlays/Modal";
 import { useDiscoverStore } from "@/stores/discover";
 import { useProgressStore } from "@/stores/progress";