diff --git a/src/static/html-templates/main.js b/src/static/html-templates/main.js
index 1c8ceb2..b94828b 100644
--- a/src/static/html-templates/main.js
+++ b/src/static/html-templates/main.js
@@ -3,8 +3,8 @@ import Notes from "reveal.js/plugin/notes/notes.esm.js";
 import Highlight from "reveal.js/plugin/highlight/highlight.esm.js";
 
 import "reveal.js/dist/reveal.css";
-import "reveal.js/dist/theme/black.css";
-import "reveal.js/plugin/highlight/monokai.css";
+import "reveal.js/dist/theme/dracula.css";
+import "highlight.js/styles/base16/dracula.css";
 import "../css/custom.css";
 
 import slidesHTML from "../slides/slides.html?raw"; // raw loader, vite should support this
@@ -25,5 +25,4 @@ document.addEventListener("DOMContentLoaded", () => {
 
   // DeckTape needs access to window.Reveal for export to work 
   window.Reveal = deck
-
 });
diff --git a/src/static/html-templates/slides.html b/src/static/html-templates/slides.html
index 9720f1e..48b92e9 100644
--- a/src/static/html-templates/slides.html
+++ b/src/static/html-templates/slides.html
@@ -13,7 +13,7 @@ <h1>OSEDA HTML Template</h1>
 
 <section>
     <h1>Code Example</h1>
-    <pre class="move-up-1"><code data-line-numbers="-1|1|2|3|-1" class="language-rust">fn main() {
+    <pre class="move-up-3"><code data-line-numbers="-1|1|2|3|-1" class="language-rust">fn main() {
     let greeting = "Hello, world!";
     println!("{}", greeting);
 }</code></pre>
diff --git a/src/static/md-templates/main.js b/src/static/md-templates/main.js
index b447bbf..a451c10 100644
--- a/src/static/md-templates/main.js
+++ b/src/static/md-templates/main.js
@@ -7,7 +7,8 @@ import "reveal.js/plugin/highlight/monokai.css";
 
 
 import "reveal.js/dist/reveal.css";
-import "reveal.js/dist/theme/black.css";
+import "reveal.js/dist/theme/dracula.css";
+import "highlight.js/styles/base16/dracula.css";
 import "../css/custom.css";
 
 import slides from "../slides/slides.md?raw";