diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index eb4fba32ccf5612fe1138ba904186fcf7442bb87..a2a469913d74dc7069f045ee2a5d1846efcff496 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,14 +1,14 @@
+const flowbytePlugin = require("flowbite/plugin")
 const typography = require("@tailwindcss/typography")
-
 const colors = require("tailwindcss/colors")
 
 const config = {
-  content: ["./src/**/*.{html,js,svelte,ts}", "./src/**/*.{html,js,svelte,ts}",
-  "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",],
+  content: [
+    "./src/**/*.{html,js,svelte,ts}",
+    "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
+  ],
   plugins: [
-    [
-      require('flowbite/plugin')
-    ],
+    flowbytePlugin,
     typography,
     function ({ addUtilities }) {
       const extendLineThrough = {
@@ -27,20 +27,6 @@ const config = {
     },
   ],
   theme: {
-    screens: {
-      sm: "640px",
-      // => @media (min-width: 640px) { ... }
-      md: "768px",
-      // => @media (min-width: 768px) { ... }
-      lg: "1024px",
-      // => @media (min-width: 1024px) { ... }
-      xl: "1280px",
-      // => @media (min-width: 1280px) { ... }
-      "2xl": "1536px",
-      // => @media (min-width: 1536px) { ... }
-      "3xl": "2200px",
-      // => @media (min-width: 2200px) { ... }
-    },
     extend: {
       blur: {
         xs: "1.2px",
@@ -77,6 +63,20 @@ const config = {
         "monospace",
       ],
     },
+    screens: {
+      sm: "640px",
+      // => @media (min-width: 640px) { ... }
+      md: "768px",
+      // => @media (min-width: 768px) { ... }
+      lg: "1024px",
+      // => @media (min-width: 1024px) { ... }
+      xl: "1280px",
+      // => @media (min-width: 1280px) { ... }
+      "2xl": "1536px",
+      // => @media (min-width: 1536px) { ... }
+      "3xl": "2200px",
+      // => @media (min-width: 2200px) { ... }
+    },
   },
 }