diff --git a/package-lock.json b/package-lock.json
index 8e3aa98..790b2bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "@angular/platform-browser": "^20.0.0",
         "@angular/router": "^20.0.0",
         "@microsoft/signalr": "^8.0.7",
-        "@ng-bootstrap/ng-bootstrap": "^19.0.0",
+        "@ng-bootstrap/ng-bootstrap": "^21.0.0",
         "@ngrx/signals": "^20.0.0",
         "bootstrap": "^5.3.6",
         "bootstrap-icons": "^1.13.1",
@@ -2830,18 +2830,18 @@
       }
     },
     "node_modules/@ng-bootstrap/ng-bootstrap": {
-      "version": "19.0.1",
-      "resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-19.0.1.tgz",
-      "integrity": "sha512-1lErAkwh0F+gWkzpiddViY4GfA9LVXkwLpgBsV9Mb3IC0zo6WNkY8WxCC+LqajirBTu20DCkZSqeRzrwaVLpZw==",
+      "version": "21.0.0",
+      "resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-21.0.0.tgz",
+      "integrity": "sha512-H7lGYGQGERoX5PeU1nf99U8tvPBJwQod6G99NoaJYwhBtKDoA/W0auUJqcbPMOGnO3gHtjtnOCji49tRbUIbPw==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/common": "^20.0.0",
-        "@angular/core": "^20.0.0",
-        "@angular/forms": "^20.0.0",
-        "@angular/localize": "^20.0.0",
+        "@angular/common": "^22.0.0",
+        "@angular/core": "^22.0.0",
+        "@angular/forms": "^22.0.0",
+        "@angular/localize": "^22.0.0",
         "@popperjs/core": "^2.11.8",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
diff --git a/package.json b/package.json
index 54d8f12..bf125ed 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^20.0.0",
     "@angular/router": "^20.0.0",
     "@microsoft/signalr": "^8.0.7",
-    "@ng-bootstrap/ng-bootstrap": "^19.0.0",
+    "@ng-bootstrap/ng-bootstrap": "^21.0.0",
     "@ngrx/signals": "^20.0.0",
     "bootstrap": "^5.3.6",
     "bootstrap-icons": "^1.13.1",