diff --git a/package.json b/package.json
index 31c778139490..3b29a19b1c1d 100644
--- a/package.json
+++ b/package.json
@@ -180,7 +180,7 @@
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
     "gulp-dart-sass": "^1.0.2",
-    "highlight.js": "^10.4.0",
+    "highlight.js": "^10.7.0",
     "husky": "^7.0.1",
     "inquirer": "^8.0.0",
     "jasmine": "^3.6.0",
diff --git a/tools/highlight-files/highlight-code-block.ts b/tools/highlight-files/highlight-code-block.ts
index c742b911b9a8..b4b7e0e4cec0 100644
--- a/tools/highlight-files/highlight-code-block.ts
+++ b/tools/highlight-files/highlight-code-block.ts
@@ -7,8 +7,9 @@ const highlightJs = require('highlight.js');
  */
 export function highlightCodeBlock(code: string, language: string) {
   if (language) {
-    return highlightJs.highlight(
-      language.toLowerCase() === 'ts' ? 'typescript' : language, code).value;
+    return highlightJs.highlight(code, {
+      language: language.toLowerCase() === 'ts' ? 'typescript' : language
+    }).value;
   }
 
   return code;
diff --git a/yarn.lock b/yarn.lock
index 1b4d653e16b6..f4479dbef3e8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7148,7 +7148,7 @@ header-case@^2.0.4:
     capital-case "^1.0.4"
     tslib "^2.0.3"
 
-highlight.js@^10.4.0:
+highlight.js@^10.7.0:
   version "10.7.3"
   resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.7.3.tgz#697272e3991356e40c3cac566a74eef681756531"
   integrity sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==