diff --git a/integrations/upgrade/index.test.ts b/integrations/upgrade/index.test.ts
index b529d7a6299e..195c5e20d422 100644
--- a/integrations/upgrade/index.test.ts
+++ b/integrations/upgrade/index.test.ts
@@ -40,7 +40,7 @@ test(
 
       --- ./src/input.css ---
       @import 'tailwindcss';
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
       "
     `)
 
@@ -97,7 +97,7 @@ test(
       --- ./src/input.css ---
       @import 'tailwindcss' prefix(tw);
 
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
 
       .btn {
         @apply tw:rounded-md! tw:px-2 tw:py-1 tw:bg-blue-500 tw:text-white;
@@ -145,7 +145,7 @@ test(
       --- ./src/index.css ---
       @import 'tailwindcss';
 
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
 
       .a {
         @apply flex;
@@ -201,7 +201,7 @@ test(
       --- ./src/index.css ---
       @import 'tailwindcss';
 
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
 
       @layer base {
         html {
@@ -262,7 +262,7 @@ test(
       --- ./src/index.css ---
       @import 'tailwindcss';
 
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
 
       @utility btn {
         @apply rounded-md px-2 py-1 bg-blue-500 text-white;
@@ -631,7 +631,7 @@ test(
       --- ./src/index.css ---
       @import 'tailwindcss';
       @import './utilities.css';
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
 
       --- ./src/utilities.css ---
       @utility no-scrollbar {
@@ -748,7 +748,7 @@ test(
       @import './c.1.css' layer(utilities);
       @import './c.1.utilities.css';
       @import './d.1.css';
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
 
       --- ./src/a.1.css ---
       @import './a.1.utilities.css'
@@ -882,17 +882,17 @@ test(
       --- ./src/root.1.css ---
       @import 'tailwindcss/utilities' layer(utilities);
       @import './a.1.css' layer(utilities);
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
 
       --- ./src/root.2.css ---
       @import 'tailwindcss/utilities' layer(utilities);
       @import './a.1.css' layer(components);
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
 
       --- ./src/root.3.css ---
       @import 'tailwindcss/utilities' layer(utilities);
       @import './a.1.css' layer(utilities);
-      @config "../tailwind.config.js";
+      @config '../tailwind.config.js';
       "
     `)
   },
@@ -974,7 +974,7 @@ test(
       --- ./src/root.1.css ---
       /* Inject missing @config */
       @import 'tailwindcss';
-      @config "../tailwind.config.ts";
+      @config '../tailwind.config.ts';
 
       --- ./src/root.2.css ---
       /* Already contains @config */
@@ -984,7 +984,7 @@ test(
       --- ./src/root.3.css ---
       /* Inject missing @config above first @theme */
       @import 'tailwindcss';
-      @config "../tailwind.config.ts";
+      @config '../tailwind.config.ts';
 
       @variant hocus (&:hover, &:focus);
 
@@ -1000,7 +1000,7 @@ test(
       /* Inject missing @config due to nested imports with tailwind imports */
       @import './root.4/base.css';
       @import './root.4/utilities.css';
-      @config "../tailwind.config.ts";
+      @config '../tailwind.config.ts';
 
       --- ./src/root.5.css ---
       @import './root.5/tailwind.css';
@@ -1015,7 +1015,7 @@ test(
       --- ./src/root.5/tailwind.css ---
       /* Inject missing @config in this file, due to full import */
       @import 'tailwindcss';
-      @config "../../tailwind.config.ts";
+      @config '../../tailwind.config.ts';
       "
     `)
   },
diff --git a/packages/@tailwindcss-upgrade/src/codemods/migrate-at-config.ts b/packages/@tailwindcss-upgrade/src/codemods/migrate-at-config.ts
index 4e1f10663b27..6cfc6fd563c7 100644
--- a/packages/@tailwindcss-upgrade/src/codemods/migrate-at-config.ts
+++ b/packages/@tailwindcss-upgrade/src/codemods/migrate-at-config.ts
@@ -49,7 +49,7 @@ export function migrateAtConfig(
       return WalkAction.Skip
     })
 
-    let configNode = new AtRule({ name: 'config', params: `"${relative}"` })
+    let configNode = new AtRule({ name: 'config', params: `'${relative}'` })
 
     if (!locationNode) {
       root.prepend(configNode)
diff --git a/packages/@tailwindcss-upgrade/src/index.test.ts b/packages/@tailwindcss-upgrade/src/index.test.ts
index d4763d375ee8..e45507e70219 100644
--- a/packages/@tailwindcss-upgrade/src/index.test.ts
+++ b/packages/@tailwindcss-upgrade/src/index.test.ts
@@ -94,7 +94,7 @@ it('should migrate a stylesheet', async () => {
   ).toMatchInlineSnapshot(`
     "@import 'tailwindcss';
 
-    @config "./tailwind.config.js";
+    @config './tailwind.config.js';
 
     @layer base {
       html {
@@ -148,7 +148,7 @@ it('should migrate a stylesheet (with imports)', async () => {
     @import './my-base.css' layer(base);
     @import './my-components.css' layer(components);
     @import './my-utilities.css' layer(utilities);
-    @config "./tailwind.config.js";"
+    @config './tailwind.config.js';"
   `)
 })
 
@@ -173,7 +173,7 @@ it('should migrate a stylesheet (with preceding rules that should be wrapped in
     @layer foo, bar, baz;
     /**! My license comment */
     @import 'tailwindcss';
-    @config "./tailwind.config.js";
+    @config './tailwind.config.js';
     @layer base {
       html {
         color: red;