diff --git a/src/components/Articles.astro b/src/components/Articles.astro
index 0b61e52..b96c7d8 100644
--- a/src/components/Articles.astro
+++ b/src/components/Articles.astro
@@ -1,4 +1,4 @@
-//---
+---
 import { ofetch } from "ofetch";
 import ArticleCard from "./ArticleCard.astro";
 
@@ -70,7 +70,7 @@ const compareDates = (a: { published_at: string } | { publish_at: string } | { c
   };
 const sortedData = combinedData.sort(compareDates);
 console.log(sortedData);
-//---
+---
 
 <div class="grid grid-cols-1 sms:grid-cols-2 sm:grid-cols-3 gap-2">
   {
@@ -83,7 +83,7 @@ console.log(sortedData);
           poster_name={article.user.name}
           poster_icon_url={article.user.avatar_small_url}
           tag={(article.article_type === "idea" ? {text: "IDEA", bg: "bg-violet-500"} : {text: "TECH", bg: "bg-blue-200"})}
-        ></ArticleCard>);
+        />);
       } else if(article.site === "note") {
         return (<ArticleCard
           title={article.name}
@@ -91,7 +91,7 @@ console.log(sortedData);
           thumbnail={<img src={article.eyecatch || "./no-thumbnail.png"} class="border border-1 border-gray-400 w-full h-full object-cover rounded-t-xl h-full" />}
           poster_name={article.user.name}
           poster_icon_url={article.user.profile_image_path}
-        ></ArticleCard>);
+        />);
       } else if(article.site === "qiita") {
         return (<ArticleCard
           title={article.title}
@@ -99,7 +99,7 @@ console.log(sortedData);
           thumbnail={<img src="https://cdn.qiita.com/assets/public/qiita-pwa-icon_512-4f5b031e6cb002cb865db0dd38635a78.png" class="border border-1 border-gray-400 w-full h-full object-cover rounded-t-xl h-full" />}
           poster_name={article.user.id}
           poster_icon_url={article.user.profile_image_url}
-        ></ArticleCard>);
+        />);
       }
     })
   }