From 71309ea97a437ab5e1910620634b2c083f16aaa7 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Wed, 29 Jul 2020 14:21:00 -0700
Subject: [PATCH] fix: use align-self: start instead of wrapping div

---
 src/layouts/MainLayout.js | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
index 9103ca2d0..1b3de113e 100644
--- a/src/layouts/MainLayout.js
+++ b/src/layouts/MainLayout.js
@@ -128,15 +128,14 @@ const MainLayout = ({ children }) => {
         >
           {children}
         </article>
-        <div>
-          <RelatedContent
-            css={css`
-              position: sticky;
-              top: calc(var(--global-header-height) + ${layout.contentPadding});
-              grid-area: related-content;
-            `}
-          />
-        </div>
+        <RelatedContent
+          css={css`
+            align-self: start;
+            position: sticky;
+            top: calc(var(--global-header-height) + ${layout.contentPadding});
+            grid-area: related-content;
+          `}
+        />
         <Footer
           css={css`
             grid-area: footer;