diff --git a/lib/converter.js b/lib/converter.js
index 1b79b78..ab56f5c 100644
--- a/lib/converter.js
+++ b/lib/converter.js
@@ -449,8 +449,8 @@ function htmlShell({ title, sidebar, body, watchMode }) {
   <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Roboto+Mono&display=swap">
-  <style>${SYNTAX_CSS}</style>
-  <style>${STYLES}</style>${noSidebarStyle}
+  <style>${STYLES}</style>
+  <style>${SYNTAX_CSS}</style>${noSidebarStyle}
 </head>
 <body>
 ${hasSidebar ? sidebar : ''}
