diff --git a/package-lock.json b/package-lock.json
index 97c780da9..304322c23 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@fontsource-variable/roboto-flex": "^5.0.3",
         "@iarna/toml": "^2.2.5",
         "@mui/material": "^5.15.2",
-        "@opencast/appkit": "^0.2.4",
+        "@opencast/appkit": "^0.3.0",
         "@reduxjs/toolkit": "^2.0.1",
         "@testing-library/jest-dom": "^6.1.6",
         "@types/iarna__toml": "^2.0.5",
@@ -708,9 +708,9 @@
       "license": "MIT"
     },
     "node_modules/@emotion/react": {
-      "version": "11.11.3",
-      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.3.tgz",
-      "integrity": "sha512-Cnn0kuq4DoONOMcnoVsTOR8E+AdnKFf//6kUWc4LCdnxj31pZWn7rIULd6Y7/Js1PiPHzn7SKCM9vB/jBni8eA==",
+      "version": "11.11.4",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz",
+      "integrity": "sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==",
       "dependencies": {
         "@babel/runtime": "^7.18.3",
         "@emotion/babel-plugin": "^11.11.0",
@@ -2774,12 +2774,13 @@
       }
     },
     "node_modules/@opencast/appkit": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@opencast/appkit/-/appkit-0.2.4.tgz",
-      "integrity": "sha512-EHByrN6o8elbQIOI4XB1vqxA5IxStLGgoX8nfOQ3EXWHbx0n/ZNeZ/DrOTTmxgTNfRxvjZR7sbjIlbSIyL5SKw==",
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@opencast/appkit/-/appkit-0.3.0.tgz",
+      "integrity": "sha512-w9jZBKpzJokT0HNjtO3rxx94Qimt8W6WmjDkg61rj5ETHv3Im794jyZLf/LRA3dsN+GfhE0dW3QuvIzXE/b2pw==",
       "peerDependencies": {
-        "@emotion/react": "^11.11.1",
+        "@emotion/react": "^11.11.4",
         "@floating-ui/react": "^0.24.3",
+        "focus-trap-react": "^10.2.3",
         "react": "^18.2.0",
         "react-icons": "^4.9.0",
         "react-merge-refs": "^2.0.2"
@@ -5412,6 +5413,30 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/focus-trap": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.4.tgz",
+      "integrity": "sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==",
+      "peer": true,
+      "dependencies": {
+        "tabbable": "^6.2.0"
+      }
+    },
+    "node_modules/focus-trap-react": {
+      "version": "10.2.3",
+      "resolved": "https://registry.npmjs.org/focus-trap-react/-/focus-trap-react-10.2.3.tgz",
+      "integrity": "sha512-YXBpFu/hIeSu6NnmV2xlXzOYxuWkoOtar9jzgp3lOmjWLWY59C/b8DtDHEAV4SPU07Nd/t+nS/SBNGkhUBFmEw==",
+      "peer": true,
+      "dependencies": {
+        "focus-trap": "^7.5.4",
+        "tabbable": "^6.2.0"
+      },
+      "peerDependencies": {
+        "prop-types": "^15.8.1",
+        "react": ">=16.3.0",
+        "react-dom": ">=16.3.0"
+      }
+    },
     "node_modules/for-each": {
       "version": "0.3.3",
       "dev": true,
diff --git a/package.json b/package.json
index 6b86797b1..dfc4cd03e 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "@fontsource-variable/roboto-flex": "^5.0.3",
     "@iarna/toml": "^2.2.5",
     "@mui/material": "^5.15.2",
-    "@opencast/appkit": "^0.2.4",
+    "@opencast/appkit": "^0.3.0",
     "@reduxjs/toolkit": "^2.0.1",
     "@testing-library/jest-dom": "^6.1.6",
     "@types/iarna__toml": "^2.0.5",