From 90cf181681528c9ca3075fe834adeb63615ec641 Mon Sep 17 00:00:00 2001
From: r-freeman <hello@ryanfreeman.dev>
Date: Thu, 26 Jan 2023 23:50:07 +0000
Subject: [PATCH] Updated card styling

---
 components/Card.tsx | 2 +-
 pages/index.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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>