diff --git a/src/components/Articles.astro b/src/components/Articles.astro
index 6553767..b7c50bc 100644
--- a/src/components/Articles.astro
+++ b/src/components/Articles.astro
@@ -120,7 +120,7 @@ const sortedData = combinedData.sort(compareDates).slice(0, 15);
   }
 </div>
 
-<div class="flex-auto">
+<div class="flex">
   <ServiceIcon name="Zenn Publication" link="https://zenn.dev/p/trans" imgSrc={zennIcon} />
   <ServiceIcon name="note マガジン" link="https://note.com/kombumori/m/me3717a077c16" imgSrc={noteIcon} />
   <ServiceIcon name="Qiita Organization" link="https://qiita.com/organizations/trans-dev" imgSrc="https://cdn.qiita.com/assets/public/qiita-pwa-icon_512-4f5b031e6cb002cb865db0dd38635a78.png" />
diff --git a/src/components/ServiceIcon.astro b/src/components/ServiceIcon.astro
index 7babd98..8a1cc12 100644
--- a/src/components/ServiceIcon.astro
+++ b/src/components/ServiceIcon.astro
@@ -7,7 +7,7 @@ export type Props = {
 const { link, imgSrc, name }: Props = Astro.props;
 ---
 
-<a href={link}>
+<a href={link} class="text-center m-2">
   <img src={imgSrc} alt={name} class="h-20" />
   {name}
 </a>