diff --git a/src/hooks/use-system-preferred-theme.ts b/src/hooks/use-system-preferred-theme.ts
index 098c44f..6864154 100644
--- a/src/hooks/use-system-preferred-theme.ts
+++ b/src/hooks/use-system-preferred-theme.ts
@@ -1,9 +1,9 @@
-import {useMedia} from "react-use"
+import {useMediaQuery} from "@react-hookz/web"
 
 import {Theme} from "~/server-types"
 
 export default function useSystemPreferredTheme(): Theme {
-	const prefersDark = useMedia("(prefers-color-scheme: dark)")
+	const prefersDark = useMediaQuery("(prefers-color-scheme: dark)")
 
 	return prefersDark ? Theme.DARK : Theme.LIGHT
 }