Add spacing above textarea

app/soapbox/pages/home_page.tsx

@@ -16,8 +16,7 @@ import {
 } from 'soapbox/features/ui/util/async-components';
 import { useAppSelector, useOwnAccount, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
 
-import Avatar from '../components/avatar';
-import { Card, CardBody, Layout } from '../components/ui';
+import { Avatar, Card, CardBody, Layout } from '../components/ui';
 import ComposeForm from '../features/compose/components/compose-form';
 import BundleContainer from '../features/ui/containers/bundle_container';
 // import GroupSidebarPanel from '../features/groups/sidebar_panel';
@@ -35,6 +34,7 @@ const HomePage: React.FC = ({ children }) => {
   const cryptoLimit = soapboxConfig.cryptoDonatePanel.get('limit', 0);
 
   const acct = account ? account.acct : '';
+  const avatar = account ? account.avatar : '';
 
   return (
     <>
@@ -44,15 +44,17 @@ const HomePage: React.FC = ({ children }) => {
             <CardBody>
               <div className='flex items-start space-x-4'>
                 <Link to={`/@${acct}`}>
-                  <Avatar account={account} size={46} />
+                  <Avatar src={avatar} size={46} />
                 </Link>
 
-                <ComposeForm
-                  id='home'
-                  shouldCondense
-                  autoFocus={false}
-                  clickableAreaRef={composeBlock}
-                />
+                <div className='pt-0.5'>
+                  <ComposeForm
+                    id='home'
+                    shouldCondense
+                    autoFocus={false}
+                    clickableAreaRef={composeBlock}
+                  />
+                </div>
               </div>
             </CardBody>
           </Card>