diff --git a/package.json b/package.json
index 79af5ae..8a8dc58 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "node src/blogPostGenerator.js && vite",
-    "build": "node src/blogPostGenerator.js;tsc;vite build",
+    "build": "node src/blogPostGenerator.js && tsc && vite build",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
diff --git a/src/Blog.tsx b/src/Blog.tsx
index c8f7406..8986d43 100644
--- a/src/Blog.tsx
+++ b/src/Blog.tsx
@@ -6,12 +6,9 @@ import BlogPostCard from "./BlogPostCard.tsx";
 import {BlogNavBar} from "./BlogNavBar.tsx";
 import {faRss, faAtom} from "@fortawesome/free-solid-svg-icons";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {
-    SpeedDial,
-    SpeedDialAction
-} from "@mui/material";
-import React from "react";
-import {DataObject} from "@mui/icons-material";
+import SpeedDial from '@mui/material/SpeedDial';
+import SpeedDialAction from '@mui/material/SpeedDialAction';
+import DataObject from "@mui/icons-material/DataObject";
 
 const actions = [
     { icon: <FontAwesomeIcon icon={faRss} />, name: 'RSS' },
diff --git a/src/BlogPost.css b/src/BlogPost.css
index 5853625..22289f2 100644
--- a/src/BlogPost.css
+++ b/src/BlogPost.css
@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
-
 .blogPostContent {
     margin-top: 100px;
     z-index: 0;
diff --git a/src/blog/Hey.md b/src/blog/Hey.md
index f9ce93a..3907ff1 100644
--- a/src/blog/Hey.md
+++ b/src/blog/Hey.md
@@ -4,11 +4,12 @@ title: Welcome to my new blog!
 description: This post welcomes you to my new blog
 date: 20/08/2023
 ---
+import SpeedDial from '@mui/material/SpeedDial';
 # Hey!
 
 This is probably the last time I'm going to make a blog. I've made a few in the past, but I've never really stuck to them. I'm hoping that this time will be different.  
 This one was made entirely from scratch using React and Markdown, initially trying to use MDX, but it was a pain to set up, and it didn't end up working in the end.  
 I'm hoping to post about my projects, and maybe some other stuff too. I'm not sure yet, but I'll figure it out as I go along.  
 Anyways, thank you for reading. I hope you enjoyed my UX/UI for this one!  
-
+<SpeedDial />
 PD: I need some help for making the blog text look good and readable, so hit me up on my Discord if you have any ideas.
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 27e7a0d..ccf41c5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,5 +1,5 @@
 /* Yes, this is a kinda unmodified index.css file from the vite template. I like the colors and stuff so I'll keep it. */
-
+@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
diff --git a/vite.config.ts b/vite.config.ts
index 335126d..f5d7747 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,5 +6,8 @@ export default defineConfig({
   plugins: [react()],
   server: {
     port: 3000
+  },
+  ssr: {
+    format: 'esm',
   }
 })