diff --git a/sites/docs/src/content/utilities/media-query.md b/sites/docs/src/content/utilities/media-query.md
index 4667d41a..74a67383 100644
--- a/sites/docs/src/content/utilities/media-query.md
+++ b/sites/docs/src/content/utilities/media-query.md
@@ -39,7 +39,7 @@ You can also pass a getter that returns a string.
 	import { MediaQuery } from "runed";
 
 	let media = $state("(min-width: 640px)");
-	const query = new MediaQuery(() => media);
+	const screen = new MediaQuery(() => media);
 </script>
 
 Media query {media} is currently {screen.matches}