diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 17229f1..ac543c5 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -3,7 +3,7 @@ import { getCollection } from "astro:content";
 import Main from "../../layouts/MainLayout.astro";
 import TransFlagPanel from "../../layouts/TransFlagPanel.astro";
 import Panel from "../../layouts/Panel.astro";
-import "./index.scss";
+import "../../styles/blogIndex.scss";
 
 const latestPosts = (await getCollection("blog")).sort(
   (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
diff --git a/src/pages/blog/index.scss b/src/styles/blogIndex.scss
similarity index 100%
rename from src/pages/blog/index.scss
rename to src/styles/blogIndex.scss