diff --git a/tests/variants.test.js b/tests/variants.test.js
index 6de7c3dd0..ab5622d13 100644
--- a/tests/variants.test.js
+++ b/tests/variants.test.js
@@ -358,14 +358,14 @@ test('custom addVariant with more complex media query params', () => {
     ],
     plugins: [
       function ({ addVariant }) {
-        addVariant('magic', '@media screen and (max-wdith: 600px)')
+        addVariant('magic', '@media screen and (max-width: 600px)')
       },
     ],
   }
 
   return run('@tailwind components;@tailwind utilities', config).then((result) => {
     return expect(result.css).toMatchFormattedCss(css`
-      @media screen and (max-wdith: 600px) {
+      @media screen and (max-width: 600px) {
         .magic\:text-center {
           text-align: center;
         }