diff --git a/web/ui/module/codemirror-promql/package.json b/web/ui/module/codemirror-promql/package.json
index e4a1cf8f7..7cf107317 100644
--- a/web/ui/module/codemirror-promql/package.json
+++ b/web/ui/module/codemirror-promql/package.json
@@ -33,7 +33,7 @@
     "lru-cache": "^6.0.0"
   },
   "devDependencies": {
-    "@codemirror/autocomplete": "^6.0.0",
+    "@codemirror/autocomplete": "^6.4.0",
     "@codemirror/language": "^6.0.0",
     "@codemirror/lint": "^6.0.0",
     "@codemirror/state": "^6.0.0",
@@ -46,7 +46,7 @@
     "nock": "^13.2.4"
   },
   "peerDependencies": {
-    "@codemirror/autocomplete": "^6.0.0",
+    "@codemirror/autocomplete": "^6.4.0",
     "@codemirror/language": "^6.0.0",
     "@codemirror/lint": "^6.0.0",
     "@codemirror/state": "^6.0.0",
diff --git a/web/ui/package-lock.json b/web/ui/package-lock.json
index c424f2ed8..fa209f19e 100644
--- a/web/ui/package-lock.json
+++ b/web/ui/package-lock.json
@@ -35,7 +35,7 @@
         "lru-cache": "^6.0.0"
       },
       "devDependencies": {
-        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/autocomplete": "^6.4.0",
         "@codemirror/language": "^6.0.0",
         "@codemirror/lint": "^6.0.0",
         "@codemirror/state": "^6.0.0",
@@ -51,7 +51,7 @@
         "node": ">=12.0.0"
       },
       "peerDependencies": {
-        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/autocomplete": "^6.4.0",
         "@codemirror/language": "^6.0.0",
         "@codemirror/lint": "^6.0.0",
         "@codemirror/state": "^6.0.0",
@@ -2089,10 +2089,16 @@
       "dev": true
     },
     "node_modules/@codemirror/autocomplete": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.0.1.tgz",
-      "integrity": "sha512-cD1MxuZq4scpVHecqSnUqQfRYlFDdtu4Y+7G4gF989R4F9nzrcrZ58bVua1/kIh0JminbhwqXeWXI/A5bScXaA==",
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.4.0.tgz",
+      "integrity": "sha512-HLF2PnZAm1s4kGs30EiqKMgD7XsYaQ0XJnMR0rofEWQ5t5D60SfqpDIkIh1ze5tiEbyUWm8+VJ6W1/erVvBMIA==",
       "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.6.0",
+        "@lezer/common": "^1.0.0"
+      },
+      "peerDependencies": {
         "@codemirror/language": "^6.0.0",
         "@codemirror/state": "^6.0.0",
         "@codemirror/view": "^6.0.0",
@@ -2144,16 +2150,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.7.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.7.1.tgz",
+      "integrity": "sha512-kYtS+uqYw/q/0ytYxpkqE1JVuK5NsbmBklWYhwLFTKO9gVuTdh/kDEeZPKorbqHcJ+P+ucrhcsS1czVweOpT2g==",
       "dependencies": {
-        "@codemirror/state": "^6.0.0",
+        "@codemirror/state": "^6.1.4",
         "style-mod": "^4.0.0",
         "w3c-keyname": "^2.2.4"
       }
@@ -17520,7 +17526,7 @@
       "name": "@prometheus-io/app",
       "version": "0.1.0",
       "dependencies": {
-        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/autocomplete": "^6.4.0",
         "@codemirror/commands": "^6.0.0",
         "@codemirror/language": "^6.0.0",
         "@codemirror/lint": "^6.0.0",
@@ -18989,13 +18995,13 @@
       "dev": true
     },
     "@codemirror/autocomplete": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.0.1.tgz",
-      "integrity": "sha512-cD1MxuZq4scpVHecqSnUqQfRYlFDdtu4Y+7G4gF989R4F9nzrcrZ58bVua1/kIh0JminbhwqXeWXI/A5bScXaA==",
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.4.0.tgz",
+      "integrity": "sha512-HLF2PnZAm1s4kGs30EiqKMgD7XsYaQ0XJnMR0rofEWQ5t5D60SfqpDIkIh1ze5tiEbyUWm8+VJ6W1/erVvBMIA==",
       "requires": {
         "@codemirror/language": "^6.0.0",
         "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
+        "@codemirror/view": "^6.6.0",
         "@lezer/common": "^1.0.0"
       }
     },
@@ -19044,16 +19050,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.7.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.7.1.tgz",
+      "integrity": "sha512-kYtS+uqYw/q/0ytYxpkqE1JVuK5NsbmBklWYhwLFTKO9gVuTdh/kDEeZPKorbqHcJ+P+ucrhcsS1czVweOpT2g==",
       "requires": {
-        "@codemirror/state": "^6.0.0",
+        "@codemirror/state": "^6.1.4",
         "style-mod": "^4.0.0",
         "w3c-keyname": "^2.2.4"
       }
@@ -19767,7 +19773,7 @@
     "@prometheus-io/app": {
       "version": "file:react-app",
       "requires": {
-        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/autocomplete": "^6.4.0",
         "@codemirror/commands": "^6.0.0",
         "@codemirror/language": "^6.0.0",
         "@codemirror/lint": "^6.0.0",
@@ -19827,7 +19833,7 @@
     "@prometheus-io/codemirror-promql": {
       "version": "file:module/codemirror-promql",
       "requires": {
-        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/autocomplete": "^6.4.0",
         "@codemirror/language": "^6.0.0",
         "@codemirror/lint": "^6.0.0",
         "@codemirror/state": "^6.0.0",
diff --git a/web/ui/react-app/package.json b/web/ui/react-app/package.json
index f9800685f..98fa4d6e7 100644
--- a/web/ui/react-app/package.json
+++ b/web/ui/react-app/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@codemirror/autocomplete": "^6.0.0",
+    "@codemirror/autocomplete": "^6.4.0",
     "@codemirror/commands": "^6.0.0",
     "@codemirror/language": "^6.0.0",
     "@codemirror/lint": "^6.0.0",