diff --git a/website/package-lock.json b/website/package-lock.json
index dd0d5755..d35058c3 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -7,14 +7,14 @@
       "name": "wg-access-server-website",
       "dependencies": {
         "@emotion/react": "^11.11.3",
-        "@emotion/styled": "^11.10.5",
+        "@emotion/styled": "^11.11.0",
         "@material-ui/core": "^4.12.4",
         "@material-ui/icons": "^4.11.3",
         "@material-ui/lab": "^4.0.0-alpha.61",
         "@mui/icons-material": "^5.15.7",
         "@mui/material": "^5.15.7",
         "common-tags": "^1.8.2",
-        "date-fns": "^2.30.0",
+        "date-fns": "^3.3.1",
         "google-protobuf": "^4.0.0-rc.1",
         "mobx": "^6.12.0",
         "mobx-react": "^9.1.0",
@@ -5881,9 +5881,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001451",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001451.tgz",
-      "integrity": "sha512-XY7UbUpGRatZzoRft//5xOa69/1iGJRBlrieH6QYrkKLIFn3m7OVEJ81dSrKoy2BnKsdbX5cLrOispZNYo9v2w==",
+      "version": "1.0.30001583",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001583.tgz",
+      "integrity": "sha512-acWTYaha8xfhA/Du/z4sNZjHUWjkiuoAi2LM+T/aL+kemKQgPT1xBb/YKjlQ0Qo8gvbHsGNplrEJ+9G3gL7i4Q==",
       "funding": [
         {
           "type": "opencollective",
@@ -5892,6 +5892,10 @@
         {
           "type": "tidelift",
           "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
       ]
     },
@@ -6750,18 +6754,12 @@
       }
     },
     "node_modules/date-fns": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "dependencies": {
-        "@babel/runtime": "^7.21.0"
-      },
-      "engines": {
-        "node": ">=0.11"
-      },
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.3.1.tgz",
+      "integrity": "sha512-y8e109LYGgoQDveiEBD3DYXKba1jWf5BA8YU1FL5Tvm0BTdEfy54WLCwnuYWZNnzzvALy/QQ4Hov+Q9RVRv+Zw==",
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
       }
     },
     "node_modules/debug": {
@@ -22292,9 +22290,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001451",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001451.tgz",
-      "integrity": "sha512-XY7UbUpGRatZzoRft//5xOa69/1iGJRBlrieH6QYrkKLIFn3m7OVEJ81dSrKoy2BnKsdbX5cLrOispZNYo9v2w=="
+      "version": "1.0.30001583",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001583.tgz",
+      "integrity": "sha512-acWTYaha8xfhA/Du/z4sNZjHUWjkiuoAi2LM+T/aL+kemKQgPT1xBb/YKjlQ0Qo8gvbHsGNplrEJ+9G3gL7i4Q=="
     },
     "case-sensitive-paths-webpack-plugin": {
       "version": "2.4.0",
@@ -22902,12 +22900,9 @@
       }
     },
     "date-fns": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "requires": {
-        "@babel/runtime": "^7.21.0"
-      }
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.3.1.tgz",
+      "integrity": "sha512-y8e109LYGgoQDveiEBD3DYXKba1jWf5BA8YU1FL5Tvm0BTdEfy54WLCwnuYWZNnzzvALy/QQ4Hov+Q9RVRv+Zw=="
     },
     "debug": {
       "version": "4.3.3",
diff --git a/website/package.json b/website/package.json
index aafee043..2870f34a 100644
--- a/website/package.json
+++ b/website/package.json
@@ -10,14 +10,14 @@
   },
   "dependencies": {
     "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.10.5",
+    "@emotion/styled": "^11.11.0",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "^4.0.0-alpha.61",
     "@mui/icons-material": "^5.15.7",
     "@mui/material": "^5.15.7",
     "common-tags": "^1.8.2",
-    "date-fns": "^2.30.0",
+    "date-fns": "^3.3.1",
     "google-protobuf": "^4.0.0-rc.1",
     "mobx": "^6.12.0",
     "mobx-react": "^9.1.0",
@@ -37,10 +37,10 @@
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.18",
     "@types/react-router-dom": "^5.3.3",
+    "fork-ts-checker-webpack-plugin": "^9.0.2",
     "grpc-ts-web": "^0.2.0",
     "prettier": "^3.2.4",
-    "typescript": "^5.2.2",
-    "fork-ts-checker-webpack-plugin": "^9.0.2"
+    "typescript": "^5.2.2"
   },
   "overrides": {
     "typescript": "^5.2.2",
diff --git a/website/src/Util.ts b/website/src/Util.ts
index 9e796dd0..b938269f 100644
--- a/website/src/Util.ts
+++ b/website/src/Util.ts
@@ -1,4 +1,4 @@
-import formatDistance from 'date-fns/formatDistance';
+import { formatDistance } from 'date-fns';
 import timestamp_pb from 'google-protobuf/google/protobuf/timestamp_pb';
 import { toDate } from './Api';
 import { fromResource, lazyObservable } from 'mobx-utils';