diff --git a/app/soapbox/features/chats/components/chat-upload.tsx b/app/soapbox/features/chats/components/chat-upload.tsx
index f10fa520c..4b0272fc9 100644
--- a/app/soapbox/features/chats/components/chat-upload.tsx
+++ b/app/soapbox/features/chats/components/chat-upload.tsx
@@ -43,7 +43,7 @@ const RemoveButton: React.FC<IRemoveButton> = ({ onClick }) => {
       className='bg-secondary-500 w-5 h-5 p-1 rounded-full flex items-center justify-center'
     >
       <Icon
-        className='w-4 h-4'
+        className='w-4 h-4 text-white'
         src={require('@tabler/icons/x.svg')}
       />
     </button>