diff --git a/quartz/components/RecentBlog.tsx b/quartz/components/RecentBlog.tsx
index 7f439fe4a..49febb8c6 100644
--- a/quartz/components/RecentBlog.tsx
+++ b/quartz/components/RecentBlog.tsx
@@ -46,9 +46,12 @@ export default (() => {
                     <img class="preview-image" src="./Resources/crepuscular_rays_fake.png" width="150" height="150" />
                     <div class="preview-content">
                         <div class="preview-title">
-                            <a href={resolveRelative(fileData.slug!, page.slug!)} class="internal">
-                                {title}
-                            </a>
+                            <div>
+                                <a href={resolveRelative(fileData.slug!, page.slug!)} class="internal">
+                                    {title}
+                                </a>
+                            </div>
+
                             <i>{parseDate(page.dates?.published!)}</i>
                         </div>
 
diff --git a/quartz/components/styles/recentblog.scss b/quartz/components/styles/recentblog.scss
index 9c91b886f..1c44beb87 100644
--- a/quartz/components/styles/recentblog.scss
+++ b/quartz/components/styles/recentblog.scss
@@ -1,6 +1,7 @@
 .preview {
     display: flex;
     flex-direction: row;
+    align-items: baseline;
     padding: 16px 16px;
     
     border-style: solid;
@@ -11,17 +12,19 @@
 
     & > .preview-image {
         margin: 0px 0px;
+        align-self: center;
     }
 
     & > .preview-content {
         margin: 0px 10px;
+        align-self: flex-start;
 
         & > .preview-title {
             display: flex;
             justify-content: space-between;
             margin-top: 6px;
 
-            & > a {
+            & > div a {
                 font-size: 20;
             }
         }
@@ -31,4 +34,15 @@
             margin-top: 4px;
         }
     }
+}
+
+@media (max-width: 767px) {
+    .preview {
+        & > .preview-content {
+            & > .preview-title {
+                flex-direction: column;
+                justify-content: unset;
+            }
+        }
+    }
 }
\ No newline at end of file