diff --git a/resources/css/public.tailwind.config.js b/resources/css/public.tailwind.config.js
index 184ad3c1..1cc4b209 100644
--- a/resources/css/public.tailwind.config.js
+++ b/resources/css/public.tailwind.config.js
@@ -13,7 +13,7 @@ const colorVariable = (variable) => {
 };
 
 /** @type {import('tailwindcss').Config} */
-module.exports = {
+export default {
     theme: {
         container: {
             center: true,
@@ -168,8 +168,8 @@ module.exports = {
         'resources/views/**/*.blade.php',
     ],
     plugins: [
-        require('@tailwindcss/aspect-ratio'),
-        require('@tailwindcss/forms'),
-        require('@tailwindcss/typography'),
+        import('@tailwindcss/aspect-ratio'),
+        import('@tailwindcss/forms'),
+        import('@tailwindcss/typography'),
     ],
 };
diff --git a/tailwind.config.js b/tailwind.config.js
index 197b51eb..bda4058e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -90,8 +90,8 @@ export default {
         'resources/js/**/*.js',
     ],
     plugins: [
-        require('@tailwindcss/aspect-ratio'),
-        require('@tailwindcss/forms'),
-        require('@tailwindcss/typography'),
+        import('@tailwindcss/aspect-ratio'),
+        import('@tailwindcss/forms'),
+        import('@tailwindcss/typography'),
     ],
 };