From e751f4038ccba3ea83588f876cb17e2a739bfade Mon Sep 17 00:00:00 2001
From: Nicolay Arefyeu <n.arefyev91@gmail.com>
Date: Tue, 20 Feb 2024 10:20:36 +0200
Subject: [PATCH] Add more space for avatar picker in workspace profile page

---
 src/pages/workspace/WorkspaceProfilePage.js | 2 +-
 src/styles/utils/spacing.ts                 | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/workspace/WorkspaceProfilePage.js b/src/pages/workspace/WorkspaceProfilePage.js
index 8a611898cbab..c91f7ed8fb44 100644
--- a/src/pages/workspace/WorkspaceProfilePage.js
+++ b/src/pages/workspace/WorkspaceProfilePage.js
@@ -109,7 +109,7 @@ function WorkspaceProfilePage({policy, currencyList, route}) {
                                 )}
                                 type={CONST.ICON_TYPE_WORKSPACE}
                                 fallbackIcon={Expensicons.FallbackWorkspaceAvatar}
-                                style={[styles.mb3, styles.mtn17, styles.alignItemsStart, styles.sectionMenuItemTopDescription]}
+                                style={[styles.mb3, isSmallScreenWidth ? styles.mtn17 : styles.mtn20, styles.alignItemsStart, styles.sectionMenuItemTopDescription]}
                                 isUsingDefaultAvatar={!lodashGet(policy, 'avatar', null)}
                                 onImageSelected={(file) => Policy.updateWorkspaceAvatar(lodashGet(policy, 'id', ''), file)}
                                 onImageRemoved={() => Policy.deleteWorkspaceAvatar(lodashGet(policy, 'id', ''))}
diff --git a/src/styles/utils/spacing.ts b/src/styles/utils/spacing.ts
index 354c3ae3cea5..b4a6296507a4 100644
--- a/src/styles/utils/spacing.ts
+++ b/src/styles/utils/spacing.ts
@@ -251,6 +251,10 @@ export default {
         marginTop: -68,
     },
 
+    mtn20: {
+        marginTop: -80,
+    },
+
     mb0: {
         marginBottom: 0,
     },