diff --git a/resources/views/components/markdown-editor.blade.php b/resources/views/components/markdown-editor.blade.php
index e89d945..2b0e726 100644
--- a/resources/views/components/markdown-editor.blade.php
+++ b/resources/views/components/markdown-editor.blade.php
@@ -1,8 +1,8 @@
 <label>
     <span class="block mb-1 text-zinc-700 font-sans dark:text-white">{{$label ?? ''}}</span>
 </label>
-<MdEditor {{ $attributes->only(['v-if', 'v-show', 'class'])->class(['hidden' => $isHidden()]) }}
-          v-model="{{ $vueModel() }}" language="en-US" :preview="@js($preview)" :toolbars="[
+<MdEditor  previewTheme="github" theme="dark" {{ $attributes->only(['v-if', 'v-show', 'class'])->class(['hidden' => $isHidden()]) }}
+v-model="{{ $vueModel() }}" language="en-US" :preview="@js($preview)" :toolbars="[
               'bold',
               'underline',
               'italic',
diff --git a/resources/views/components/markdown-viewer.blade.php b/resources/views/components/markdown-viewer.blade.php
index ed18a79..80adec3 100644
--- a/resources/views/components/markdown-viewer.blade.php
+++ b/resources/views/components/markdown-viewer.blade.php
@@ -1,3 +1,3 @@
 <div class="font-main">
-    <MdPreview editorId="preview-only" modelValue="{{$content}}" language="en-US" class="font-main" />
+    <MdPreview editorId="preview-only" modelValue="{{$content}}" language="en-US" {{ $attributes }} previewTheme="github" theme="dark" />
 </div>