From ab544070ddef06875e0351bb7c63d0a0b5844344 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Thu, 18 Apr 2024 14:12:33 +1000
Subject: [PATCH] fix: repaired rounding on upload profile image component

---
 .../dialog/EditProfilePictureModal.tsx        | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/ts/components/dialog/EditProfilePictureModal.tsx b/ts/components/dialog/EditProfilePictureModal.tsx
index 1af11e7af..b5b944445 100644
--- a/ts/components/dialog/EditProfilePictureModal.tsx
+++ b/ts/components/dialog/EditProfilePictureModal.tsx
@@ -15,22 +15,24 @@ import { ProfileAvatar } from './EditProfileDialog';
 const StyledAvatarContainer = styled.div`
   cursor: pointer;
 `;
+
+const StyledUploadButton = styled.div`
+  background-color: var(--chat-buttons-background-color);
+  border-radius: 50%;
+  overflow: hidden;
+`;
+
 const UploadImageButton = () => {
   return (
     <div style={{ position: 'relative' }}>
-      <div style={{ borderRadius: '50%', overflow: 'hidden' }}>
-        <SessionIconButton
-          iconType="thumbnail"
-          iconSize={80}
-          iconPadding="16px"
-          backgroundColor="var(--chat-buttons-background-color)"
-        />
-      </div>
+      <StyledUploadButton>
+        <SessionIconButton iconType="thumbnail" iconSize={80} iconPadding="16px" />
+      </StyledUploadButton>
       <SessionIconButton
         iconType="plusFat"
-        iconSize="medium"
+        iconSize={23}
         iconColor="var(--modal-background-content-color)"
-        iconPadding="4.5px"
+        iconPadding="5px"
         borderRadius="50%"
         backgroundColor="var(--primary-color)"
         style={{ position: 'absolute', bottom: 0, right: 0 }}