diff --git a/index.html b/index.html
index 203e1c1..24c4dd0 100644
--- a/index.html
+++ b/index.html
@@ -5,12 +5,12 @@
 
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css" id="change" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css" id="change" />
 
     <title>Web Vitals</title>
 
-    <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/highlight.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/languages/json.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js"></script>
 
     <style>
       :root {
@@ -134,7 +134,7 @@
       }
 
       themes.onchange = (e) => {
-        document.querySelector('#change').href = `https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/${e.target.value}`;
+        document.querySelector('#change').href = `https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/${e.target.value}`;
       }
 
       const fetchApi = async (url) => {