fix: use align-self: start instead of wrapping div

newrelic · Jul 29, 2020 · 71309ea · 71309ea
1 parent 25bb8a3
commit 71309ea
Showing 1 changed file with 8 additions and 9 deletions.
diff --git 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;