Make compose box more densed

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

src/features/group/group-timeline.tsx

@@ -62,14 +62,14 @@ const GroupTimeline: React.FC<IGroupTimeline> = (props) => {
           <HStack
             ref={composer}
             alignItems='start'
-            space={4}
+            space={2}
             className={clsx('relative rounded-xl transition', {
               'border-2 border-primary-600 border-dashed z-[99] p-4': isDragging,
               'ring-2 ring-offset-2 ring-primary-600': isDraggedOver,
             })}
           >
             <Link to={`/@${account.acct}`}>
-              <Avatar src={account.avatar} size={46} />
+              <Avatar src={account.avatar} size={42} />
             </Link>
 
             <ComposeForm

src/pages/home-page.tsx

@@ -59,9 +59,9 @@ const HomePage: React.FC<IHomePage> = ({ children }) => {
             ref={composeBlock}
           >
             <CardBody>
-              <HStack alignItems='start' space={4}>
+              <HStack alignItems='start' space={2}>
                 <Link to={`/@${acct}`}>
-                  <Avatar src={avatar} size={46} />
+                  <Avatar src={avatar} size={42} />
                 </Link>
 
                 <div className='w-full translate-y-0.5'>