diff --git a/screen2.0/package.json b/screen2.0/package.json
index 534e654d..c1a22bf4 100644
--- a/screen2.0/package.json
+++ b/screen2.0/package.json
@@ -66,7 +66,7 @@
   "devDependencies": {
     "file-loader": "^6.2.0",
     "lint-staged": "^13.2.3",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.2",
     "prettier-plugin-tailwindcss": "^0.4.1",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
diff --git a/screen2.0/yarn.lock b/screen2.0/yarn.lock
index 6dd96bb9..c4c082a5 100644
--- a/screen2.0/yarn.lock
+++ b/screen2.0/yarn.lock
@@ -6036,12 +6036,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.8.8":
-  version: 2.8.8
-  resolution: "prettier@npm:2.8.8"
+"prettier@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "prettier@npm:3.0.2"
   bin:
-    prettier: bin-prettier.js
-  checksum: b49e409431bf129dd89238d64299ba80717b57ff5a6d1c1a8b1a28b590d998a34e083fa13573bc732bb8d2305becb4c9a4407f8486c81fa7d55100eb08263cf8
+    prettier: bin/prettier.cjs
+  checksum: 118b59ddb6c80abe2315ab6d0f4dd1b253be5cfdb20622fa5b65bb1573dcd362e6dd3dcf2711dd3ebfe64aecf7bdc75de8a69dc2422dcd35bdde7610586b677a
   languageName: node
   linkType: hard
 
@@ -6689,7 +6689,7 @@ __metadata:
     "@mui/icons-material": ^5.14.3
     "@mui/lab": ^5.0.0-alpha.137
     "@mui/material": ^5.14.2
-    "@types/node": ^20.4.9
+    "@types/node": ^20.5.0
     "@types/react": ^18.2.20
     "@types/react-dom": 18.2.7
     "@weng-lab/psychscreen-ui-components": ^0.7.8
@@ -6705,7 +6705,7 @@ __metadata:
     normalize.css: ^8.0.1
     only: ^0.0.2
     postcss: 8.4.27
-    prettier: ^2.8.8
+    prettier: ^3.0.2
     prettier-plugin-tailwindcss: ^0.4.1
     react: 18.2.0
     react-dom: 18.2.0
@@ -8151,4 +8151,4 @@ __metadata:
   resolution: "zod@npm:3.21.4"
   checksum: f185ba87342ff16f7a06686767c2b2a7af41110c7edf7c1974095d8db7a73792696bcb4a00853de0d2edeb34a5b2ea6a55871bc864227dace682a0a28de33e1f
   languageName: node
-  linkType: hard
\ No newline at end of file
+  linkType: hard