css issues

tailwind.config.js

@@ -1,14 +1,17 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+// Boilerplate to get the equivalent of __dirname in an ES module
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
-    // The entry point HTML file
-    "./index.html",
-
-    // Root-level components and entry points
-    "./App.tsx",
-    "./index.tsx",
-
-    // All relevant subdirectories containing components, pages, or logic
-    "./{components,pages,services,utils}/**/*.{js,ts,jsx,tsx}",
+    // Resolve paths absolutely from the config file's location
+    path.resolve(__dirname, './index.html'),
+    path.resolve(__dirname, './App.tsx'),
+    path.resolve(__dirname, './index.tsx'),
+    path.resolve(__dirname, './{components,pages,services,utils}/**/*.{js,ts,jsx,tsx}'),
   ],
 };