diff --git a/web/ui/package-lock.json b/web/ui/package-lock.json
index f602a2babf5..3c48aca64d4 100644
--- a/web/ui/package-lock.json
+++ b/web/ui/package-lock.json
@@ -2475,6 +2475,25 @@
         "popper.js": "^1.16.1"
       }
     },
+    "node_modules/@forevolve/bootstrap-dark/node_modules/bootstrap": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.2.tgz",
+      "integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "peerDependencies": {
+        "jquery": "1.9.1 - 3",
+        "popper.js": "^1.16.1"
+      }
+    },
     "node_modules/@fortawesome/fontawesome-common-types": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.2.1.tgz",
@@ -3681,6 +3700,16 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@prometheus-io/app": {
       "resolved": "react-app",
       "link": true
@@ -5943,9 +5972,9 @@
       "dev": true
     },
     "node_modules/bootstrap": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.2.tgz",
-      "integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.1.tgz",
+      "integrity": "sha512-jzwza3Yagduci2x0rr9MeFSORjcHpt0lRZukZPZQJT1Dth5qzV7XcgGqYzi39KGAVYR8QEDVoO0ubFKOxzMG+g==",
       "funding": [
         {
           "type": "github",
@@ -5957,8 +5986,7 @@
         }
       ],
       "peerDependencies": {
-        "jquery": "1.9.1 - 3",
-        "popper.js": "^1.16.1"
+        "@popperjs/core": "^2.11.8"
       }
     },
     "node_modules/brace-expansion": {
@@ -19126,6 +19154,25 @@
         "tempusdominus-core": "5.19.3"
       }
     },
+    "node_modules/tempusdominus-bootstrap-4/node_modules/bootstrap": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.2.tgz",
+      "integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "peerDependencies": {
+        "jquery": "1.9.1 - 3",
+        "popper.js": "^1.16.1"
+      }
+    },
     "node_modules/tempusdominus-core": {
       "version": "5.19.3",
       "resolved": "https://registry.npmjs.org/tempusdominus-core/-/tempusdominus-core-5.19.3.tgz",
@@ -20782,7 +20829,7 @@
         "@nexucis/fuzzy": "^0.4.1",
         "@nexucis/kvsearch": "^0.8.1",
         "@prometheus-io/codemirror-promql": "^0.42.0",
-        "bootstrap": "^4.6.2",
+        "bootstrap": "^5.3.1",
         "css.escape": "^1.5.1",
         "downshift": "^7.2.0",
         "http-proxy-middleware": "^2.0.6",
@@ -22460,6 +22507,14 @@
         "bootstrap": "^4.6.2",
         "jquery": "^3.5.1",
         "popper.js": "^1.16.1"
+      },
+      "dependencies": {
+        "bootstrap": {
+          "version": "4.6.2",
+          "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.2.tgz",
+          "integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
+          "requires": {}
+        }
       }
     },
     "@fortawesome/fontawesome-common-types": {
@@ -23398,6 +23453,12 @@
         }
       }
     },
+    "@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "peer": true
+    },
     "@prometheus-io/app": {
       "version": "file:react-app",
       "requires": {
@@ -23429,7 +23490,7 @@
         "@types/sanitize-html": "^2.8.0",
         "@types/sinon": "^10.0.13",
         "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
-        "bootstrap": "^4.6.2",
+        "bootstrap": "^5.3.1",
         "css.escape": "^1.5.1",
         "downshift": "^7.2.0",
         "enzyme": "^3.11.0",
@@ -25245,9 +25306,9 @@
       "dev": true
     },
     "bootstrap": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.2.tgz",
-      "integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.1.tgz",
+      "integrity": "sha512-jzwza3Yagduci2x0rr9MeFSORjcHpt0lRZukZPZQJT1Dth5qzV7XcgGqYzi39KGAVYR8QEDVoO0ubFKOxzMG+g==",
       "requires": {}
     },
     "brace-expansion": {
@@ -35126,6 +35187,14 @@
         "moment": "^2.29.2",
         "moment-timezone": "^0.5.34",
         "popper.js": "^1.16.1"
+      },
+      "dependencies": {
+        "bootstrap": {
+          "version": "4.6.2",
+          "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.2.tgz",
+          "integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
+          "requires": {}
+        }
       }
     },
     "tempusdominus-core": {
diff --git a/web/ui/react-app/package.json b/web/ui/react-app/package.json
index ed8612658ff..994d94d4d79 100644
--- a/web/ui/react-app/package.json
+++ b/web/ui/react-app/package.json
@@ -20,7 +20,7 @@
     "@nexucis/fuzzy": "^0.4.1",
     "@nexucis/kvsearch": "^0.8.1",
     "@prometheus-io/codemirror-promql": "^0.42.0",
-    "bootstrap": "^4.6.2",
+    "bootstrap": "^5.3.1",
     "css.escape": "^1.5.1",
     "downshift": "^7.2.0",
     "http-proxy-middleware": "^2.0.6",