diff --git a/demo/package-lock.json b/demo/package-lock.json
index a8ad133..5d50a6f 100644
--- a/demo/package-lock.json
+++ b/demo/package-lock.json
@@ -5254,6 +5254,11 @@
       "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.15.6.tgz",
       "integrity": "sha512-zozTAWM1D6sozHo8kqhfYgsac+B+q0PmsjXeyDrYIHHcBN0zTVT66+s2GW1GZv7DbyaROdLXKdabwS/WqPyIdQ=="
     },
+    "highlightjs-line-numbers.js": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/highlightjs-line-numbers.js/-/highlightjs-line-numbers.js-2.7.0.tgz",
+      "integrity": "sha512-2kgZkfGy3TB6rF1o1XJtUThDyraLAFd6iiAIE1MEH89om8VwyHsal6BBnIOP2yOuq2TCuuGd0YD6aGHa6iq3/g=="
+    },
     "hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -8160,10 +8165,12 @@
       }
     },
     "ngx-highlightjs": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/ngx-highlightjs/-/ngx-highlightjs-3.0.3.tgz",
-      "integrity": "sha512-/Eh+uJL9CiePWXzyT7VpLaQoWQyyNEUQaHhJ4faUBQZLBpachCBY55iDX0mi50zG9dapTiiapH5Vz/sL2GDxlg==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/ngx-highlightjs/-/ngx-highlightjs-4.0.0.tgz",
+      "integrity": "sha512-9RuY7hCtQdRtz3Auo5Bv858IlJm16zcTD4HBtvj8jrqGf0nQBgE/PDFmUsYSRTkC1vDvJvPs0LQbXN1VuVtjYA==",
       "requires": {
+        "highlight.js": "*",
+        "highlightjs-line-numbers.js": "*",
         "tslib": "^1.9.0"
       }
     },
diff --git a/demo/package.json b/demo/package.json
index 8b89337..777ba78 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -52,7 +52,7 @@
     "include-media": "^1.4.9",
     "material-design-icons": "^3.0.1",
     "ngx-clipboard": "^11.1.9",
-    "ngx-highlightjs": "^3.0.0",
+    "ngx-highlightjs": "^4.0.0",
     "ngx-material-pages": "^1.3.2",
     "rxjs": "6.4.0",
     "rxjs-compat": "^6.3.3",