diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index bc3d5b6..206827b 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,6 +1,6 @@
-import { type AppType } from "next/dist/shared/lib/utils";
-import { ThemeProvider } from "next-themes";
 import { Theme } from "@radix-ui/themes";
+import { ThemeProvider } from "next-themes";
+import { type AppType } from "next/dist/shared/lib/utils";
 
 import "@fontsource-variable/inter";
 import "@fontsource/ibm-plex-mono/400.css";
@@ -10,7 +10,12 @@ import "@/styles/globals.css";
 
 const MyApp: AppType = ({ Component, pageProps }) => {
 	return (
-		<ThemeProvider attribute="class" defaultTheme="system">
+		<ThemeProvider
+			attribute="class"
+			defaultTheme="system"
+			// Cloudflare Rocket Loader breaks the script injection and causes theme flashing
+			scriptProps={{ "data-cfasync": "false" }}
+		>
 			<Theme accentColor="indigo" grayColor="slate" radius="medium" scaling="100%">
 				<Component {...pageProps} />
 			</Theme>