Fix spacing bug

app/soapbox/features/chats/components/chat-composer.tsx

@@ -151,6 +151,9 @@ const ChatComposer = React.forwardRef<HTMLTextAreaElement | null, IChatComposer>
 
   return (
     <div className='mt-auto px-4 shadow-3xl'>
+      {/* Spacer */}
+      <div className='h-5' />
+
       <HStack alignItems='stretch' justifyContent='between' space={4}>
         {features.chatsMedia && (
           <Stack justifyContent='end' alignItems='center' className='w-10 mb-1.5'>

app/soapbox/features/chats/components/chat-message-list.tsx

@@ -450,7 +450,7 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat }) => {
 
   return (
     <div className='h-full flex flex-col flex-grow space-y-6'>
-      <div className='flex-grow flex flex-col justify-end pb-2'>
+      <div className='flex-grow flex flex-col justify-end'>
         <Virtuoso
           ref={node}
           alignToBottom