diff --git a/src/lib/components/Markdown.css b/src/lib/components/Markdown/Markdown.css
similarity index 100%
rename from src/lib/components/Markdown.css
rename to src/lib/components/Markdown/Markdown.css
diff --git a/src/lib/components/Markdown.ts b/src/lib/components/Markdown/Markdown.ts
similarity index 100%
rename from src/lib/components/Markdown.ts
rename to src/lib/components/Markdown/Markdown.ts
diff --git a/src/lib/components/rainbow.css b/src/lib/components/Markdown/rainbow.css
similarity index 100%
rename from src/lib/components/rainbow.css
rename to src/lib/components/Markdown/rainbow.css
diff --git a/src/routes/(DefaultStyle)/about/+page.server.ts b/src/routes/(DefaultStyle)/about/+page.server.ts
index f6eb26e..aef3a21 100644
--- a/src/routes/(DefaultStyle)/about/+page.server.ts
+++ b/src/routes/(DefaultStyle)/about/+page.server.ts
@@ -1,5 +1,5 @@
 import fs from 'node:fs';
-import Perser from '$lib/components/Markdown'
+import Perser from '$lib/components/Markdown/Markdown'
 
 export async function load(){
     const profile_md = fs.readFileSync(`${process.cwd()}/src/routes/(DefaultStyle)/about/profile.md`, 'utf-8')
diff --git a/src/routes/(DefaultStyle)/about/+page.svelte b/src/routes/(DefaultStyle)/about/+page.svelte
index e0a4c90..aa5d9e3 100644
--- a/src/routes/(DefaultStyle)/about/+page.svelte
+++ b/src/routes/(DefaultStyle)/about/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     const { data } = $props();
 
-    import '$lib/components/Markdown.css';
+    import '$lib/components/Markdown/Markdown.css';
 </script>
 
 
diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.server.ts b/src/routes/(DefaultStyle)/post/[slug]/+page.server.ts
index 853ba8f..1e752da 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.server.ts
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.server.ts
@@ -1,5 +1,5 @@
 import Post from '$lib/server/LoadPost';
-import Perser from '$lib/components/Markdown'
+import Perser from '$lib/components/Markdown/Markdown'
 import { remark } from 'remark'
 import { visitParents } from 'unist-util-visit-parents'
 import { toString } from 'mdast-util-to-string'
diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index 0dfc670..78ee03a 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -9,8 +9,8 @@
 	import { PUBLIC_HOSTNAME, PUBLIC_POST_REPO } from '$env/static/public';
 	import { onMount } from 'svelte';
 
-	import '$lib/components/rainbow.css';
-	import '$lib/components/Markdown.css';
+	import '$lib/components/Markdown/rainbow.css';
+	import '$lib/components/Markdown/Markdown.css';
 
 	const baseURL = `https://${PUBLIC_HOSTNAME}${base}`
 	const canonical = `${baseURL}/post/${data.id}/`