diff --git a/app/soapbox/features/chats/components/chat.tsx b/app/soapbox/features/chats/components/chat.tsx
index 576e10789..a4bbde2ce 100644
--- a/app/soapbox/features/chats/components/chat.tsx
+++ b/app/soapbox/features/chats/components/chat.tsx
@@ -184,7 +184,9 @@ const Chat: React.FC<ChatInterface> = ({ chat, inputRef, className }) => {
       {renderAttachment()}
 
       {isUploading && (
-        <UploadProgress progress={uploadProgress * 100} />
+        <div className='p-4'>
+          <UploadProgress progress={uploadProgress * 100} />
+        </div>
       )}
 
       <ChatComposer