Layout: fix compose block spacing

app/soapbox/components/ui/layout/layout.tsx

@@ -30,7 +30,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 pb-36': true,
+      'md:col-span-12 lg:col-span-9 xl:col-span-6 pb-36': true,
     }, className)}
   >
     {children}

app/soapbox/pages/home_page.tsx

@@ -36,7 +36,7 @@ const HomePage: React.FC = ({ children }) => {
 
   return (
     <>
-      <Layout.Main className='pt-4 sm:pt-0 dark:divide-slate-700 space-y-4'>
+      <Layout.Main className='pt-3 sm:pt-0 dark:divide-slate-700 space-y-3'>
         {me && (
           <Card variant='rounded' ref={composeBlock}>
             <CardBody>