From 3abfdd8bf26ac9c3d197403ba2b713987078642f Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 28 Apr 2022 21:48:12 -0500
Subject: [PATCH] Layout: move pb-36 to Layout.Main

---
 app/soapbox/components/ui/layout/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/components/ui/layout/layout.tsx b/app/soapbox/components/ui/layout/layout.tsx
index d22afe0a1..7c6401def 100644
--- a/app/soapbox/components/ui/layout/layout.tsx
+++ b/app/soapbox/components/ui/layout/layout.tsx
@@ -9,7 +9,7 @@ interface LayoutType extends React.FC {
 }
 
 const Layout: LayoutType = ({ children }) => (
-  <div className='sm:pt-4 relative pb-36'>
+  <div className='sm:pt-4 relative'>
     <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>
@@ -27,7 +27,7 @@ const Sidebar: React.FC = ({ children }) => (
 const Main: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ children, className }) => (
   <main
     className={classNames({
-      'md:col-span-12 lg:col-span-9 xl:col-span-6 sm:space-y-4': true,
+      'md:col-span-12 lg:col-span-9 xl:col-span-6 sm:space-y-4 pb-36': true,
     }, className)}
   >
     {children}