diff --git a/dashboard/src/components/docs/CodeBlock.vue b/dashboard/src/components/docs/CodeBlock.vue
index c4c6a7cdd..fbb1102f8 100644
--- a/dashboard/src/components/docs/CodeBlock.vue
+++ b/dashboard/src/components/docs/CodeBlock.vue
@@ -1,5 +1,5 @@
 <template>
-  <pre class="codeblock" v-highlightjs><code :class="codeLang" v-trim-indents="trim"><slot></slot></code></pre>
+  <pre class="codeblock"><code :class="codeLang" v-trim-indents="trim" v-highlightjs><slot></slot></code></pre>
 </template>
 
 <script>
diff --git a/dashboard/src/directives/highlightjs.ts b/dashboard/src/directives/highlightjs.ts
index b81dd51ee..2daadb48d 100644
--- a/dashboard/src/directives/highlightjs.ts
+++ b/dashboard/src/directives/highlightjs.ts
@@ -3,6 +3,8 @@ import hljs from "highlight.js/lib/core";
 
 Vue.directive("highlightjs", {
   bind(el, binding) {
-    hljs.highlightElement(el);
+    if(!el.classList.contains("plain")) {
+    	hljs.highlightElement(el);
+    };
   },
 });