diff --git a/resources/views/_snippets/menu_items.blade.php b/resources/views/_snippets/menu_items.blade.php
index 5ec4227ae..764e83a50 100644
--- a/resources/views/_snippets/menu_items.blade.php
+++ b/resources/views/_snippets/menu_items.blade.php
@@ -46,10 +46,8 @@ class="nav-link">Play with AST</a>
            class="nav-link">Find rule</a>
     </li>
 
-    @isset ($codeMirror)
     <li class="nav-item">
         <a onclick="toggleTheme()" class="nav-link" id="theme_toggle" style="cursor: pointer">Dark/Light Theme</a>
     </li>
-    @endisset
 
 @endisset
diff --git a/resources/views/_snippets/styles.blade.php b/resources/views/_snippets/styles.blade.php
index dff77e53e..ee40d59ce 100644
--- a/resources/views/_snippets/styles.blade.php
+++ b/resources/views/_snippets/styles.blade.php
@@ -1,4 +1,5 @@
 <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600&display=swap" rel="stylesheet">
+<link rel="stylesheet" id="theme-link" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/base16/atlas.min.css">
 
 @isset ($codeMirror)
     {{-- live code highligh in demo --}}
@@ -7,8 +8,7 @@
 
 {{-- code highligh posts --}}
 {{-- pick from https://highlightjs.org/demo --}}
-
-    <link rel="stylesheet" id="theme-link" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/base16/atlas.min.css">
+@endisset
 
 <style>
     pre code.hljs {
@@ -62,6 +62,7 @@ function toggleTheme() {
     window.onload = loadTheme;
 </script>
 
+@isset ($codeMirror)
     <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/bash.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/php.min.js"></script>