From 5b1de5da8c6f4af3c253fc14a6cf710bd83b87e7 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 6 Dec 2022 16:39:37 -0600
Subject: [PATCH] Chats: improve uploading progress bar styles

---
 app/soapbox/features/chats/components/chat.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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