diff --git a/web/ui/module/codemirror-promql/package.json b/web/ui/module/codemirror-promql/package.json
index 4e86e5cd72d..b24aefbf33d 100644
--- a/web/ui/module/codemirror-promql/package.json
+++ b/web/ui/module/codemirror-promql/package.json
@@ -37,7 +37,7 @@
     "@codemirror/language": "^6.0.0",
     "@codemirror/lint": "^6.0.0",
     "@codemirror/state": "^6.0.0",
-    "@codemirror/view": "^6.0.0",
+    "@codemirror/view": "^6.9.1",
     "@lezer/common": "^1.0.0",
     "@lezer/lr": "^1.0.0",
     "@lezer/highlight": "^1.0.0",
@@ -50,7 +50,7 @@
     "@codemirror/language": "^6.0.0",
     "@codemirror/lint": "^6.0.0",
     "@codemirror/state": "^6.0.0",
-    "@codemirror/view": "^6.0.0",
+    "@codemirror/view": "^6.9.1",
     "@lezer/common": "^1.0.0"
   },
   "prettier": {
diff --git a/web/ui/package-lock.json b/web/ui/package-lock.json
index c40359b79c2..9d11de65c1c 100644
--- a/web/ui/package-lock.json
+++ b/web/ui/package-lock.json
@@ -39,7 +39,7 @@
         "@codemirror/language": "^6.0.0",
         "@codemirror/lint": "^6.0.0",
         "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
+        "@codemirror/view": "^6.9.1",
         "@lezer/common": "^1.0.0",
         "@lezer/highlight": "^1.0.0",
         "@lezer/lr": "^1.0.0",
@@ -55,7 +55,7 @@
         "@codemirror/language": "^6.0.0",
         "@codemirror/lint": "^6.0.0",
         "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
+        "@codemirror/view": "^6.9.1",
         "@lezer/common": "^1.0.0"
       }
     },
@@ -2144,16 +2144,16 @@
       }
     },
     "node_modules/@codemirror/state": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.0.0.tgz",
-      "integrity": "sha512-UjP/jB2dz7B+1L+eiCm8YWhM1zBkFM2zUyp8hhtpvgmuOFmoWjwqHnICQmM34HNPBqMPcVY9ZcqJcOhDrB+dBQ=="
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.2.0.tgz",
+      "integrity": "sha512-69QXtcrsc3RYtOtd+GsvczJ319udtBf1PTrr2KbLWM/e2CXUPnh0Nz9AUo8WfhSQ7GeL8dPVNUmhQVgpmuaNGA=="
     },
     "node_modules/@codemirror/view": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.0.0.tgz",
-      "integrity": "sha512-IdbZtg17jpLdNnetoPpSOMZNtsCEAexFNdG7tU6TlJkLQakaTNrzXiQEIx9oiZx3f1ql6Zbr8+qyLr/pkrmsng==",
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.9.1.tgz",
+      "integrity": "sha512-bzfSjJn9dAADVpabLKWKNmMG4ibyTV2e3eOGowjElNPTdTkSbi6ixPYHm2u0ADcETfKsi2/R84Rkmi91dH9yEg==",
       "dependencies": {
-        "@codemirror/state": "^6.0.0",
+        "@codemirror/state": "^6.1.4",
         "style-mod": "^4.0.0",
         "w3c-keyname": "^2.2.4"
       }
@@ -17526,7 +17526,7 @@
         "@codemirror/lint": "^6.0.0",
         "@codemirror/search": "^6.0.0",
         "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
+        "@codemirror/view": "^6.9.1",
         "@forevolve/bootstrap-dark": "^1.0.0",
         "@fortawesome/fontawesome-svg-core": "6.1.1",
         "@fortawesome/free-solid-svg-icons": "6.1.1",
@@ -19044,16 +19044,16 @@
       }
     },
     "@codemirror/state": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.0.0.tgz",
-      "integrity": "sha512-UjP/jB2dz7B+1L+eiCm8YWhM1zBkFM2zUyp8hhtpvgmuOFmoWjwqHnICQmM34HNPBqMPcVY9ZcqJcOhDrB+dBQ=="
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.2.0.tgz",
+      "integrity": "sha512-69QXtcrsc3RYtOtd+GsvczJ319udtBf1PTrr2KbLWM/e2CXUPnh0Nz9AUo8WfhSQ7GeL8dPVNUmhQVgpmuaNGA=="
     },
     "@codemirror/view": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.0.0.tgz",
-      "integrity": "sha512-IdbZtg17jpLdNnetoPpSOMZNtsCEAexFNdG7tU6TlJkLQakaTNrzXiQEIx9oiZx3f1ql6Zbr8+qyLr/pkrmsng==",
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.9.1.tgz",
+      "integrity": "sha512-bzfSjJn9dAADVpabLKWKNmMG4ibyTV2e3eOGowjElNPTdTkSbi6ixPYHm2u0ADcETfKsi2/R84Rkmi91dH9yEg==",
       "requires": {
-        "@codemirror/state": "^6.0.0",
+        "@codemirror/state": "^6.1.4",
         "style-mod": "^4.0.0",
         "w3c-keyname": "^2.2.4"
       }
@@ -19773,7 +19773,7 @@
         "@codemirror/lint": "^6.0.0",
         "@codemirror/search": "^6.0.0",
         "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
+        "@codemirror/view": "^6.9.1",
         "@forevolve/bootstrap-dark": "^1.0.0",
         "@fortawesome/fontawesome-svg-core": "6.1.1",
         "@fortawesome/free-solid-svg-icons": "6.1.1",
@@ -19831,7 +19831,7 @@
         "@codemirror/language": "^6.0.0",
         "@codemirror/lint": "^6.0.0",
         "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
+        "@codemirror/view": "^6.9.1",
         "@lezer/common": "^1.0.0",
         "@lezer/highlight": "^1.0.0",
         "@lezer/lr": "^1.0.0",
diff --git a/web/ui/react-app/package.json b/web/ui/react-app/package.json
index 3cdd5f9fc27..a9d5c79bc38 100644
--- a/web/ui/react-app/package.json
+++ b/web/ui/react-app/package.json
@@ -9,7 +9,7 @@
     "@codemirror/lint": "^6.0.0",
     "@codemirror/search": "^6.0.0",
     "@codemirror/state": "^6.0.0",
-    "@codemirror/view": "^6.0.0",
+    "@codemirror/view": "^6.9.1",
     "@forevolve/bootstrap-dark": "^1.0.0",
     "@fortawesome/fontawesome-svg-core": "6.1.1",
     "@fortawesome/free-solid-svg-icons": "6.1.1",