diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000000..44c287cac4
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["esbenp.prettier-vscode", "scalameta.metals", "stylelint.vscode-stylelint"]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 54ab2dcc10..f1bf66d356 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,7 +3,11 @@
     "**/target": true
   },
   "[scss]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true
+    }
   },
-  "editor.formatOnSave": true
+  "editor.formatOnSave": true,
+  "stylelint.validate": ["css", "scss"]
 }
diff --git a/package.json b/package.json
index 9b3ca2ec6a..e52dde4b29 100644
--- a/package.json
+++ b/package.json
@@ -67,9 +67,14 @@
     "build": "node --unhandled-rejections=strict build.mjs",
     "serve": "vite preview"
   },
-  "browserslist": [
-    "supports es6-module",
-    "last 2 versions",
-    "Firefox ESR"
-  ]
+  "browserslist": {
+    "production": [
+      "defaults and supports es6-module"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
 }