diff --git a/web/ui/package-lock.json b/web/ui/package-lock.json
index c40359b79c2..441b285fea2 100644
--- a/web/ui/package-lock.json
+++ b/web/ui/package-lock.json
@@ -3169,6 +3169,16 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@prometheus-io/app": {
       "resolved": "react-app",
       "link": true
@@ -17537,7 +17547,7 @@
         "@nexucis/fuzzy": "^0.4.0",
         "@nexucis/kvsearch": "^0.7.0",
         "@prometheus-io/codemirror-promql": "^0.38.0",
-        "bootstrap": "^4.6.1",
+        "bootstrap": "^5.2.3",
         "css.escape": "^1.5.1",
         "downshift": "^6.1.7",
         "http-proxy-middleware": "^2.0.6",
@@ -17580,6 +17590,24 @@
       "optionalDependencies": {
         "fsevents": "^2.3.2"
       }
+    },
+    "react-app/node_modules/bootstrap": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.3.tgz",
+      "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.6"
+      }
     }
   },
   "dependencies": {
@@ -19764,6 +19792,12 @@
         }
       }
     },
+    "@popperjs/core": {
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
+      "peer": true
+    },
     "@prometheus-io/app": {
       "version": "file:react-app",
       "requires": {
@@ -19796,7 +19830,7 @@
         "@types/sanitize-html": "^2.6.1",
         "@types/sinon": "^10.0.6",
         "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
-        "bootstrap": "^4.6.1",
+        "bootstrap": "^5.2.3",
         "css.escape": "^1.5.1",
         "downshift": "^6.1.7",
         "enzyme": "^3.11.0",
@@ -19822,6 +19856,14 @@
         "sinon": "^13.0.1",
         "tempusdominus-bootstrap-4": "^5.1.2",
         "tempusdominus-core": "^5.0.3"
+      },
+      "dependencies": {
+        "bootstrap": {
+          "version": "5.2.3",
+          "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.3.tgz",
+          "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ==",
+          "requires": {}
+        }
       }
     },
     "@prometheus-io/codemirror-promql": {
diff --git a/web/ui/react-app/package.json b/web/ui/react-app/package.json
index 3cdd5f9fc27..de18954d84e 100644
--- a/web/ui/react-app/package.json
+++ b/web/ui/react-app/package.json
@@ -20,7 +20,7 @@
     "@nexucis/fuzzy": "^0.4.0",
     "@nexucis/kvsearch": "^0.7.0",
     "@prometheus-io/codemirror-promql": "^0.38.0",
-    "bootstrap": "^4.6.1",
+    "bootstrap": "^5.2.3",
     "css.escape": "^1.5.1",
     "downshift": "^6.1.7",
     "http-proxy-middleware": "^2.0.6",