diff --git a/client/build/utils.js b/client/build/utils.js
index 79617794..20c511b6 100644
--- a/client/build/utils.js
+++ b/client/build/utils.js
@@ -13,26 +13,8 @@ const assetsPath = (_path) => {
   return path.posix.join(assetsSubDirectory, _path)
 }
 
-const createNotifierCallback = () => {
-  const notifier = require('node-notifier')
-
-  return (severity, errors) => {
-    if (severity !== 'error') return
-
-    const error = errors[0]
-    const filename = error.file && error.file.split('!').pop()
-
-    notifier.notify({
-      title: packageConfig.name,
-      message: severity + ': ' + error.name,
-      subtitle: filename || '',
-      icon: path.join(__dirname, 'logo.png')
-    })
-  }
-}
 
 module.exports = {
   isDev,
-  assetsPath,
-  createNotifierCallback
+  assetsPath
 }
diff --git a/client/build/webpack.base.conf.js b/client/build/webpack.base.conf.js
index 0195e682..73e7d9a5 100644
--- a/client/build/webpack.base.conf.js
+++ b/client/build/webpack.base.conf.js
@@ -18,7 +18,7 @@ const createLintingRule = () => ({
   enforce: 'pre',
   include: [resolve('src'), resolve('test')],
   options: {
-    formatter: require('eslint-friendly-formatter'),
+    formatter: require('eslint-formatter-friendly'),
     emitWarning: !config.dev.showEslintErrorsInOverlay,
   },
 });
diff --git a/client/jest.config.js b/client/jest.config.js
index 39151442..2caebe40 100644
--- a/client/jest.config.js
+++ b/client/jest.config.js
@@ -4,35 +4,35 @@ module.exports = {
     'jsx',
     'ts',
     'json',
-    'vue'
+    'vue',
   ],
   transform: {
-    "\\.(gql|graphql)$": "<rootDir>/node_modules/jest-transform-graphql",
-    "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
-    "^.+\\.ts$": "<rootDir>/node_modules/babel-jest",
-    '^.+\\.vue$': '<rootDir>/node_modules/vue-jest',
-    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub'
+    '\\.(gql|graphql)$': 'jest-transform-graphql',
+    '^.+\\.js$': 'babel-jest',
+    '^.+\\.ts$': 'babel-jest',
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
   },
   modulePaths: [
-    "<rootDir>/src",
-    "<rootDir>/node_modules"
+    '<rootDir>/src',
+    '<rootDir>/node_modules',
   ],
   transformIgnorePatterns: [
-    '/node_modules/'
+    '/node_modules/',
   ],
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/src/$1',
     '^gql/(.*)$': '<rootDir>/src/graphql/gql/$1',
   },
   snapshotSerializers: [
-    '<rootDir>/node_modules/jest-serializer-vue'
+    '<rootDir>/node_modules/jest-serializer-vue',
   ],
   testMatch: [
-    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)',
   ],
   testURL: 'http://localhost/',
   watchPlugins: [
     'jest-watch-typeahead/filename',
-    'jest-watch-typeahead/testname'
-  ]
-}
+    'jest-watch-typeahead/testname',
+  ],
+};
diff --git a/client/package.json b/client/package.json
index 300b6c11..f05edd45 100644
--- a/client/package.json
+++ b/client/package.json
@@ -48,17 +48,16 @@
     "@vue/composition-api": "^1.4.2",
     "@vue/test-utils": "^1.3.0",
     "appolo": "^6.0.19",
-    "autoprefixer": "^7.1.2",
-    "babel-bridge": "^1.12.11",
+    "autoprefixer": "^10.4.12",
     "babel-core": "^7.0.0-bridge.0",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
-    "babel-jest": "^24.8.0",
+    "babel-jest": "^26.6.3",
     "babel-loader": "^8.0.6",
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-vue-jsx": "^3.5.0",
     "chalk": "^2.0.1",
     "copy-webpack-plugin": "^10.1.0",
-    "css-loader": "^0.28.0",
+    "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^3.4.1",
     "cy2": "^1.2.1",
     "cypress": "^10",
@@ -66,7 +65,7 @@
     "debounce": "^1.2.0",
     "eslint": "^7.32.0",
     "eslint-config-standard": "^16.0.3",
-    "eslint-friendly-formatter": "^4.0.1",
+    "eslint-formatter-friendly": "^7.0.0",
     "eslint-loader": "^4.0.2",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.26.0",
@@ -80,25 +79,24 @@
     "graphql-tag": "^2.10.1",
     "graphql-tools": "^8.2.5",
     "html-webpack-plugin": "^5.5.0",
-    "jest": "^24.8.0",
+    "jest": "^26.6.3",
     "jest-serializer-vue": "^2.0.2",
     "jest-transform-graphql": "^2.1.0",
     "jest-transform-stub": "^2.0.0",
-    "jest-watch-typeahead": "^0.3.1",
+    "jest-watch-typeahead": "^2.2.0",
     "lodash": "^4.17.10",
     "mini-css-extract-plugin": "^2.4.5",
     "mock-apollo-client": "^1.2.0",
-    "node-notifier": "^5.1.2",
-    "node-sass": "^4.13.1",
+    "node-sass": "^7.0.3",
     "ora": "^1.2.0",
     "portfinder": "^1.0.13",
-    "postcss-import": "^11.0.0",
-    "postcss-loader": "^2.0.8",
-    "postcss-url": "^7.2.1",
+    "postcss-import": "^15.0.0",
+    "postcss-loader": "^7.0.1",
+    "postcss-url": "^10.1.3",
     "rimraf": "^2.6.0",
     "sass-loader": "^12.6.0",
     "semver": "^5.3.0",
-    "shelljs": "^0.7.6",
+    "shelljs": "^0.8.5",
     "survey-vue": "^1.9.2",
     "ts-loader": "^8.3.0",
     "typescript": "^4.5.4",
@@ -111,7 +109,7 @@
     "vue": "2.6.14",
     "vue-analytics": "^5.16.2",
     "vue-apollo": "^3.1.0",
-    "vue-jest": "^3.0.4",
+    "vue-jest": "^4.0.1",
     "vue-loader": "^15.9.8",
     "vue-matomo": "^4.1.0",
     "vue-router": "^3.5.3",