diff --git a/src/components/Card.jsx b/src/components/Card.jsx
index ab14539..3f6887f 100644
--- a/src/components/Card.jsx
+++ b/src/components/Card.jsx
@@ -17,7 +17,7 @@ function ChevronRightIcon(props) {
 export function Card({as: Component = 'div', className, small, children}) {
     return (
         <Component
-            className={clsx(className, 'group relative flex flex-col items-start', small && 'md:flex-row justify-between')}
+            className={clsx(className, 'group relative flex flex-col items-baseline', small && 'md:flex-row justify-between')}
         >
             {children}
         </Component>
diff --git a/src/pages/writing/index.jsx b/src/pages/writing/index.jsx
index 5908efa..d455929 100644
--- a/src/pages/writing/index.jsx
+++ b/src/pages/writing/index.jsx
@@ -16,7 +16,7 @@ function Article({article}) {
                     as="time"
                     dateTime={article.date}
                     decorate={false}
-                    className="flex-shrink-0"
+                    className="flex-shrink-0 md:order-last md:mb-0"
                 >
                     {formatDate(article.date)}
                 </Card.Eyebrow>