diff --git a/components/Card.tsx b/components/Card.tsx
index d2054ce..b5b4edc 100644
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -117,7 +117,7 @@ Card.Eyebrow = function CardEyebrow({
         <Component
             className={clsx(
                 className,
-                'relative z-10 order-first mb-3 flex items-center text-sm text-zinc-500 dark:text-zinc-400',
+                'relative z-10 order-first flex items-center text-sm text-zinc-500 dark:text-zinc-400',
                 decorate && 'pl-3.5'
             )}
             {...props}
diff --git a/pages/index.tsx b/pages/index.tsx
index f72af2c..8f0626b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -72,7 +72,7 @@ function Article(article: Article) {
             <Card.Title href={`/writing/${article.slug}`}>
                 {article.title}
             </Card.Title>
-            <p className="flex order-first space-x-1 z-10">
+            <p className="flex order-first space-x-1 z-10 mb-3">
                 <Card.Eyebrow as="time" dateTime={article.date} decorate={false}>
                     {formatDate(article.date)}
                 </Card.Eyebrow>