diff --git a/app/soapbox/features/chats/components/chat-composer.tsx b/app/soapbox/features/chats/components/chat-composer.tsx
index 20db9636d..358fbb6f3 100644
--- a/app/soapbox/features/chats/components/chat-composer.tsx
+++ b/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'>
diff --git a/app/soapbox/features/chats/components/chat-message-list.tsx b/app/soapbox/features/chats/components/chat-message-list.tsx
index dcb9d61d0..983a0d6f2 100644
--- a/app/soapbox/features/chats/components/chat-message-list.tsx
+++ b/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