diff --git a/codepen-converter/index.html b/codepen-converter/index.html
index da31b1c..e96f0a8 100755
--- a/codepen-converter/index.html
+++ b/codepen-converter/index.html
@@ -20,7 +20,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
-    <link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.33.0/min/vs/editor/editor.main.css">
+    <link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.53.0/min/vs/editor/editor.main.css">
     <!-- The KineticBackground component is defined in an external file -->
     <script type="module" src="../components/kinetic-background.js"></script>
 
@@ -219,7 +219,7 @@ <h2 class="font-headline text-2xl font-bold text-white mb-4">Step 3: Open in Cod
        <input type="hidden" name="data" id="codepen-data">
     </form>
 
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.33.0/min/vs/loader.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.53.0/min/vs/loader.min.js"></script>
     <script type="module">
         const processBtn = document.getElementById('processBtn');
         const resultsDiv = document.getElementById('results');