diff --git a/app/features/scanner/components/App.module.css b/app/features/scanner/components/ScannerApp.module.css
similarity index 100%
rename from app/features/scanner/components/App.module.css
rename to app/features/scanner/components/ScannerApp.module.css
diff --git a/app/features/scanner/components/App.tsx b/app/features/scanner/components/ScannerApp.tsx
similarity index 94%
rename from app/features/scanner/components/App.tsx
rename to app/features/scanner/components/ScannerApp.tsx
index d99092d15..f4df33675 100644
--- a/app/features/scanner/components/App.tsx
+++ b/app/features/scanner/components/ScannerApp.tsx
@@ -9,7 +9,7 @@ import {
 	type ScannerTab,
 	scannerSearchParams,
 } from "../scanner-search-params";
-import styles from "./App.module.css";
+import styles from "./ScannerApp.module.css";
 import { LivePage } from "./LivePage";
 import { ScreenshotPage } from "./ScreenshotPage";
 import type { SendouUser } from "./sendou-ingest";
@@ -21,7 +21,7 @@ const TAB_LABELS: Record<ScannerTab, string> = {
 	vod: "VoD",
 };
 
-export function App() {
+export function ScannerApp() {
 	const [tab] = useSearchParam(scannerSearchParams, "tab");
 	const rootUser = useUser();
 	const sendouUser: SendouUser | null = rootUser
diff --git a/app/features/scanner/routes/scanner.tsx b/app/features/scanner/routes/scanner.tsx
index 92f88cb3f..eae4db7c9 100644
--- a/app/features/scanner/routes/scanner.tsx
+++ b/app/features/scanner/routes/scanner.tsx
@@ -29,7 +29,9 @@ export const meta: MetaFunction = (args) => {
 // may be imported at route-module top level — only from inside this lazily
 // imported client component tree, after hydration.
 const ScannerApp = lazy(() =>
-	import("~/features/scanner/components/App").then((m) => ({ default: m.App })),
+	import("~/features/scanner/components/ScannerApp").then((m) => ({
+		default: m.ScannerApp,
+	})),
 );
 
 export default function ScannerPage() {