diff --git a/frontend/package.json b/frontend/package.json
index d73e9ad97..53fceeb3b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -44,9 +44,9 @@
     "build": "npx tsc --noEmit && vite build",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
-    "generate-licenses": "node scripts/generate-licenses.js",
-    "generate-icons": "node scripts/generate-icons.js",
-    "generate-icons:verbose": "node scripts/generate-icons.js --verbose",
+    "generate-licenses": "node scripts/generate-licenses.mjs",
+    "generate-icons": "node scripts/generate-icons.mjs",
+    "generate-icons:verbose": "node scripts/generate-icons.mjs --verbose",
     "test": "vitest",
     "test:watch": "vitest --watch",
     "test:coverage": "vitest --coverage",
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.mjs
similarity index 100%
rename from frontend/postcss.config.js
rename to frontend/postcss.config.mjs
diff --git a/frontend/scripts/generate-icons.js b/frontend/scripts/generate-icons.mjs
similarity index 99%
rename from frontend/scripts/generate-icons.js
rename to frontend/scripts/generate-icons.mjs
index 694453ca7..3f94335cd 100644
--- a/frontend/scripts/generate-icons.js
+++ b/frontend/scripts/generate-icons.mjs
@@ -155,7 +155,7 @@ async function main() {
 
   // Generate TypeScript types
   const typesContent = `// Auto-generated icon types
-// This file is automatically generated by scripts/generate-icons.js
+// This file is automatically generated by scripts/generate-icons.mjs
 // Do not edit manually - changes will be overwritten
 
 export type MaterialSymbolIcon = ${usedIcons.map(icon => `'${icon}'`).join(' | ')};
diff --git a/frontend/scripts/generate-licenses.js b/frontend/scripts/generate-licenses.mjs
similarity index 100%
rename from frontend/scripts/generate-licenses.js
rename to frontend/scripts/generate-licenses.mjs