diff --git a/src/assets/css/easymde.css b/src/assets/css/easymde.css
new file mode 100644
index 00000000..5ff33ec8
--- /dev/null
+++ b/src/assets/css/easymde.css
@@ -0,0 +1,31 @@
+@import 'tailwindcss' prefix(tw);
+
+@layer easymde {
+  .EasyMDEContainer h1 {
+    @apply tw:text-4xl;
+    @apply tw:font-bold;
+  }
+  .EasyMDEContainer h2 {
+    @apply tw:text-3xl;
+    @apply tw:font-bold;
+  }
+  .EasyMDEContainer h3 {
+    @apply tw:text-2xl;
+    @apply tw:font-bold;
+  }
+  .EasyMDEContainer h4 {
+    @apply tw:text-xl;
+    @apply tw:font-semibold;
+  }
+  .EasyMDEContainer h5 {
+    @apply tw:text-lg;
+    @apply tw:font-semibold;
+  }
+  .EasyMDEContainer h6 {
+    @apply tw:text-sm;
+    @apply tw:font-semibold;
+  }
+  .EasyMDEContainer a {
+    @apply tw:text-blue-600 tw:underline;
+  }
+}
\ No newline at end of file
diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css
index 409668fc..0c8eae28 100644
--- a/src/assets/css/tailwind.css
+++ b/src/assets/css/tailwind.css
@@ -77,4 +77,4 @@
 
 .modal-box {
     max-height: calc(100dvh - 2em);
-}
\ No newline at end of file
+}
diff --git a/src/css.tsx b/src/css.tsx
index 57b30b69..178a09c2 100644
--- a/src/css.tsx
+++ b/src/css.tsx
@@ -16,3 +16,4 @@ import '#assets/css/color-picker.css'
 
 // MD Editor
 import 'easymde/dist/easymde.min.css'
+import '#assets/css/easymde.css'