diff --git a/app/components/play/LFGGroupSelector.tsx b/app/components/play/LFGGroupSelector.tsx
index a73a979a6..893110d5e 100644
--- a/app/components/play/LFGGroupSelector.tsx
+++ b/app/components/play/LFGGroupSelector.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import { RadioGroup } from "@headlessui/react";
 import { layoutIcon } from "~/utils";
 import clsx from "clsx";
-import { PlayFrontPageLoader } from "~/routes/play";
+import { PlayFrontPageLoader } from "~/routes/play/index";
 import { UsersIcon } from "../icons/Users";
 
 const OPTIONS = [
diff --git a/app/core/mmr/utils.ts b/app/core/mmr/utils.ts
index a832d88a8..1cde0787b 100644
--- a/app/core/mmr/utils.ts
+++ b/app/core/mmr/utils.ts
@@ -1,6 +1,6 @@
 import { expose, rate, Rating } from "ts-trueskill";
 import { MMR_TOPX_VISIBILITY_CUTOFF } from "~/constants";
-import { PlayFrontPageLoader } from "~/routes/play";
+import { PlayFrontPageLoader } from "~/routes/play/index";
 
 /** Get first skill object of the array (should be ordered so that most recent skill is first) and convert it into MMR. */
 export function skillArrayToMMR(
diff --git a/app/core/play/utils.ts b/app/core/play/utils.ts
index 5f284901a..9b5ba784b 100644
--- a/app/core/play/utils.ts
+++ b/app/core/play/utils.ts
@@ -1,7 +1,7 @@
 import invariant from "tiny-invariant";
 import { LFG_GROUP_FULL_SIZE, LFG_GROUP_INACTIVE_MINUTES } from "~/constants";
 import * as LFGGroup from "~/models/LFGGroup.server";
-import { PlayFrontPageLoader } from "~/routes/play";
+import { PlayFrontPageLoader } from "~/routes/play/index";
 import { LookingLoaderData } from "~/routes/play/looking";
 import { Unpacked } from "~/utils";
 import {