diff --git a/springwolf-ui/package-lock.json b/springwolf-ui/package-lock.json
index 6b4377f08..a8752a86b 100644
--- a/springwolf-ui/package-lock.json
+++ b/springwolf-ui/package-lock.json
@@ -17,7 +17,7 @@
         "@angular/platform-browser-dynamic": "^16.0.4",
         "@angular/router": "^16.0.4",
         "font-awesome": "^4.7.0",
-        "ngx-highlightjs": "^7.0.1",
+        "ngx-highlightjs": "^9.0.0",
         "rxjs": "^7.8.1",
         "zone.js": "^0.13.0"
       },
@@ -8371,8 +8371,9 @@
       "license": "MIT"
     },
     "node_modules/ngx-highlightjs": {
-      "version": "7.0.1",
-      "license": "MIT",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/ngx-highlightjs/-/ngx-highlightjs-9.0.0.tgz",
+      "integrity": "sha512-XoswRTPeRtGrDiuiOkb4sOD4kZNsBxto5I6CqvRQKB2WfB77CyUk9llAAVTBJVabNRwkiHTJCQX4jKnbD1hCuQ==",
       "dependencies": {
         "highlight.js": "^11.5.1",
         "highlightjs-line-numbers.js": "^2.8.0",
@@ -17877,7 +17878,9 @@
       "dev": true
     },
     "ngx-highlightjs": {
-      "version": "7.0.1",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/ngx-highlightjs/-/ngx-highlightjs-9.0.0.tgz",
+      "integrity": "sha512-XoswRTPeRtGrDiuiOkb4sOD4kZNsBxto5I6CqvRQKB2WfB77CyUk9llAAVTBJVabNRwkiHTJCQX4jKnbD1hCuQ==",
       "requires": {
         "highlight.js": "^11.5.1",
         "highlightjs-line-numbers.js": "^2.8.0",
diff --git a/springwolf-ui/package.json b/springwolf-ui/package.json
index 461030a5b..2f2e7daae 100644
--- a/springwolf-ui/package.json
+++ b/springwolf-ui/package.json
@@ -21,7 +21,7 @@
     "@angular/platform-browser-dynamic": "^16.0.4",
     "@angular/router": "^16.0.4",
     "font-awesome": "^4.7.0",
-    "ngx-highlightjs": "^7.0.1",
+    "ngx-highlightjs": "^9.0.0",
     "rxjs": "^7.8.1",
     "zone.js": "^0.13.0"
   },
diff --git a/springwolf-ui/src/app/app.module.ts b/springwolf-ui/src/app/app.module.ts
index 227300e00..b00ec3cc0 100644
--- a/springwolf-ui/src/app/app.module.ts
+++ b/springwolf-ui/src/app/app.module.ts
@@ -49,8 +49,9 @@ import {AsyncApiMapperService} from "./shared/asyncapi-mapper.service";
     {
       provide: HIGHLIGHT_OPTIONS,
       useValue: {
-        languages: function () {
-          return { typescript: () => import('highlight.js/lib/languages/typescript') };
+        coreLibraryLoader: () => import('highlight.js/lib/core'),
+        languages: {
+          json: () => import('highlight.js/lib/languages/json'),
         }
       }
     }