diff --git a/packages/app/package.json b/packages/app/package.json
index cd0e9b36c54..ed3a7218075 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -229,7 +229,7 @@
     "sha1": "^1.1.1",
     "shelljs": "^0.7.8",
     "store": "^2.0.12",
-    "string-replace-loader": "^2.1.1",
+    "string-replace-loader": "^3.0.0",
     "string-similarity": "^4.0.4",
     "styled-components": "^5.2.0",
     "subworkers": "^1.0.1",
@@ -269,7 +269,7 @@
     "@babel/preset-typescript": "^7.3.3",
     "@babel/register": "^7.13.16",
     "@divyenduz/ts-graphql-plugin": "^0.1.0",
-    "@graphql-codegen/cli": "^1.15.4",
+    "@graphql-codegen/cli": "^2.0.0",
     "@graphql-codegen/fragment-matcher": "^1.15.4",
     "@graphql-codegen/typescript": "^1.15.4",
     "@graphql-codegen/typescript-graphql-files-modules": "^1.15.4",
@@ -299,7 +299,7 @@
     "@types/styled-components": "^5.1.4",
     "acorn-dynamic-import": "^4.0.0",
     "babel-jest": "^24.8.0",
-    "babel-loader": "8.0.2",
+    "babel-loader": "8.2.4",
     "babel-plugin-codegen": "^1.2.0",
     "babel-plugin-graphql-tag": "^2.1.0",
     "babel-plugin-lodash": "^3.3.4",
@@ -316,17 +316,17 @@
     "cors": "^2.8.4",
     "cross-env": "^5.0.5",
     "cross-spawn": "^5.0.1",
-    "css-loader": "^3.2.0",
+    "css-loader": "^4.0.0",
     "detect-port": "^1.1.1",
     "express": "^4.15.3",
-    "file-loader": "^1.1.11",
+    "file-loader": "^6.0.0",
     "filesize": "^3.5.6",
     "fs-extra": "^8.0.1",
     "graphql-cli": "^4.0.0",
     "gulp-replace": "^0.5.4",
     "gzip-size": "3.0.0",
-    "html-loader": "^0.5.5",
-    "html-webpack-plugin": "^4.0.0-beta.1",
+    "html-loader": "^1.0.0",
+    "html-webpack-plugin": "^5.0.0",
     "http-proxy-middleware": "^1.1.2",
     "imagemin-webpack-plugin": "^2.4.2",
     "isomorphic-untar-gzip": "^1.0.5",
@@ -334,14 +334,14 @@
     "jest-image-snapshot": "^1.0.1",
     "jest-junit": "^3.4.1",
     "jest-styled-components": "7.0.2",
-    "mini-css-extract-plugin": "^0.8.0",
+    "mini-css-extract-plugin": "^1.0.0",
     "object-assign": "^4.1.1",
     "opn": "4.0.2",
     "path-exists": "3.0.0",
     "path-override-webpack-plugin": "^0.1.2",
     "postcss-flexbugs-fixes": "^4.1.0",
     "postcss-import": "^12.0.1",
-    "postcss-loader": "3.0.0",
+    "postcss-loader": "4.0.0",
     "postcss-normalize": "^8.0.1",
     "postcss-preset-env": "^6.7.0",
     "preval.macro": "^1.0.1",
@@ -350,30 +350,30 @@
     "react-hot-loader": "^4.12.20",
     "react-test-renderer": "16",
     "recursive-readdir": "^2.2.1",
-    "resolve-url-loader": "^3.1.0",
+    "resolve-url-loader": "^4.0.0",
     "rimraf": "^2.6.1",
-    "sass-loader": "^7.1.0",
+    "sass-loader": "^9.0.0",
     "script-ext-html-webpack-plugin": "^2.1.4",
     "selenium-webdriver": "^4.0.0-alpha.1",
     "strip-ansi": "3.0.1",
-    "style-loader": "^0.21.0",
+    "style-loader": "^1.1.4",
     "svgo": "^1.3.0",
-    "svgo-loader": "^2.2.1",
+    "svgo-loader": "^3.0.3",
     "sw-precache-webpack-plugin": "^0.11.5",
     "terser": "^4.1.4",
     "terser-webpack-plugin": "^1.4.1",
-    "thread-loader": "^2.1.2",
+    "thread-loader": "^3.0.0",
     "typescript": "4.1.2",
-    "url-loader": "1.0.1",
-    "webpack": "^4.36.1",
+    "url-loader": "4.0.0",
+    "webpack": "^5.0.0",
     "webpack-bundle-analyzer": "^2.13.1",
-    "webpack-cli": "^3.1.2",
+    "webpack-cli": "^4.0.0",
     "webpack-dev-server": "^3.7.2",
     "webpack-manifest-plugin": "^2.0.0",
     "webpack-merge": "^4.1.0",
     "webpackbar": "^3.2.0",
     "whatwg-fetch": "^2.0.3",
     "workbox-webpack-plugin": "^3.6.3",
-    "worker-loader": "2.0.0"
+    "worker-loader": "3.0.0"
   }
 }