From 8becc4de2a214222d168f46a93c5ebe47d7a0d75 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 23 Apr 2022 12:19:51 -0500
Subject: [PATCH] Layout: add breathing room to bottom of UI, fixes #880

---
 app/soapbox/components/ui/layout/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/soapbox/components/ui/layout/layout.tsx b/app/soapbox/components/ui/layout/layout.tsx
index f8c84f37e..f5e044a31 100644
--- a/app/soapbox/components/ui/layout/layout.tsx
+++ b/app/soapbox/components/ui/layout/layout.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import StickyBox from 'react-sticky-box';
 
 const Layout: React.FC = ({ children }) => (
-  <div className='sm:py-4 relative pb-36'>
+  <div className='sm:pt-4 relative pb-36'>
     <div className='max-w-3xl mx-auto sm:px-6 md:max-w-7xl md:px-8 md:grid md:grid-cols-12 md:gap-8'>
       {children}
     </div>