diff --git a/web/.prettierrc.js b/web/.prettierrc.js
index 810184ba..ec5300e1 100644
--- a/web/.prettierrc.js
+++ b/web/.prettierrc.js
@@ -2,7 +2,7 @@ module.exports = {
     printWidth: 120,
     tabWidth: 4,
     bracketSpacing: true,
-    jsxBracketSameLine: false,
+    bracketSameLine: false,
     semi: true,
     singleQuote: false,
     trailingComma: "all",
diff --git a/web/package.json b/web/package.json
index 5654a270..53c41dd3 100644
--- a/web/package.json
+++ b/web/package.json
@@ -70,7 +70,7 @@
     "eslint-import-resolver-typescript": "2.4.0",
     "eslint-plugin-prettier": "4.0.0",
     "husky": "7.0.2",
-    "prettier": "2.3.2",
+    "prettier": "2.4.0",
     "react-scripts": "4.0.3",
     "react-test-renderer": "17.0.2",
     "typescript": "4.4.2"
diff --git a/web/yarn.lock b/web/yarn.lock
index 098325f4..fd6a5e67 100644
--- a/web/yarn.lock
+++ b/web/yarn.lock
@@ -9552,10 +9552,10 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.2.tgz#ef280a05ec253712e486233db5c6f23441e7342d"
-  integrity sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==
+prettier@2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.4.0.tgz#85bdfe0f70c3e777cf13a4ffff39713ca6f64cba"
+  integrity sha512-DsEPLY1dE5HF3BxCRBmD4uYZ+5DCbvatnolqTqcxEgKVZnL2kUfyu7b8pPQ5+hTBkdhU9SLUmK0/pHb07RE4WQ==
 
 pretty-bytes@^5.3.0:
   version "5.6.0"