diff --git a/apps/web/tailwind.config.js b/apps/web/tailwind.config.js
index 16da6ffd..53a7d417 100644
--- a/apps/web/tailwind.config.js
+++ b/apps/web/tailwind.config.js
@@ -1,6 +1,9 @@
+import preset from "@macrograph/interface/tailwind.config.js";
+import typography from "@tailwindcss/typography";
+
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   darkMode: ["class"],
-  presets: [require("@macrograph/interface/tailwind.config.js")],
-  plugins: [require("@tailwindcss/typography")],
+  presets: [preset],
+  plugins: [typography],
 };