diff --git a/src/frontend/app/package-lock.json b/src/frontend/app/package-lock.json
index 8a694de..6eb9dd4 100644
--- a/src/frontend/app/package-lock.json
+++ b/src/frontend/app/package-lock.json
@@ -19,7 +19,7 @@
         "primevue": "^5.0.1",
         "vue": "^3.5.43",
         "vue-router": "^5.3.1",
-        "vuetify": "^3.13.5"
+        "vuetify": "^4.2.2"
       },
       "devDependencies": {
         "@playwright/test": "^1.63.0",
@@ -1972,6 +1972,63 @@
         "vuetify": ">=3"
       }
     },
+    "node_modules/@vuetify/v0": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@vuetify/v0/-/v0-1.2.3.tgz",
+      "integrity": "sha512-8qpYa88KxKrvi4jQcz+Zg4WH04un48Lt7Tj0Qq+LqvbUvHi+H177vWqBn9tQWgpxBVs1RXrTz5zw0Cy6txJHlw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/johnleider"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/vuetify"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "@adobe/leonardo-contrast-colors": ">=1.0.0",
+        "@ant-design/colors": ">=7.0.0",
+        "@flagsmith/flagsmith": ">=11.0.0",
+        "@floating-ui/dom": ">=1.8.0",
+        "@js-temporal/polyfill": ">=0.5.0",
+        "@material/material-color-utilities": ">=0.3.0",
+        "launchdarkly-js-client-sdk": "^3.0.0",
+        "posthog-js": "^1.0.0",
+        "vue": ">=3.5.0 || >=3.6.0-0",
+        "vue-i18n": ">=10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@adobe/leonardo-contrast-colors": {
+          "optional": true
+        },
+        "@ant-design/colors": {
+          "optional": true
+        },
+        "@flagsmith/flagsmith": {
+          "optional": true
+        },
+        "@floating-ui/dom": {
+          "optional": true
+        },
+        "@js-temporal/polyfill": {
+          "optional": true
+        },
+        "@material/material-color-utilities": {
+          "optional": true
+        },
+        "launchdarkly-js-client-sdk": {
+          "optional": true
+        },
+        "posthog-js": {
+          "optional": true
+        },
+        "vue-i18n": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/abbrev": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-5.0.0.tgz",
@@ -4805,10 +4862,13 @@
       }
     },
     "node_modules/vuetify": {
-      "version": "3.13.5",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.13.5.tgz",
-      "integrity": "sha512-1PKESHKgyIj6BfjVbpF1bLWvKIBOvyDqIcP6C0R173fNZDr4jyXH7ssigAZvfqV5nRmVS/N9sGtY/IekGQ9TSQ==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-4.2.2.tgz",
+      "integrity": "sha512-6PYw9V5bA1ug+r1gWOs+ztMnz4qJDue3WLiz5VJN/y1blW9e/oeh0D8eCw7jqc8ufjm8XSN7hf6x2odJXtzw0Q==",
       "license": "MIT",
+      "dependencies": {
+        "@vuetify/v0": "^1.2.1"
+      },
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/johnleider"
@@ -4816,7 +4876,7 @@
       "peerDependencies": {
         "typescript": ">=4.7",
         "vite-plugin-vuetify": ">=2.1.0",
-        "vue": "^3.5.0",
+        "vue": "^3.5.0 || ^3.6.0-0",
         "webpack-plugin-vuetify": ">=3.1.0"
       },
       "peerDependenciesMeta": {
diff --git a/src/frontend/app/package.json b/src/frontend/app/package.json
index 194487a..13efeaf 100644
--- a/src/frontend/app/package.json
+++ b/src/frontend/app/package.json
@@ -29,7 +29,7 @@
     "primevue": "^5.0.1",
     "vue": "^3.5.43",
     "vue-router": "^5.3.1",
-    "vuetify": "^3.13.5"
+    "vuetify": "^4.2.2"
   },
   "@eslint/css": "^0.13.0",
   "@eslint/js": "^9.38.0",