style change minor

1 files changed, 9 insertions, 5 deletions

diff --git a/src/components/profile/ProfileBody.tsx b/src/components/profile/ProfileBody.tsx
index d10e2e15..8a07ac72 100644
--- a/src/components/profile/ProfileBody.tsx
+++ b/src/components/profile/ProfileBody.tsx
@@ -105,8 +105,8 @@ const ProfileBody: React.FC<ProfileBodyProps> = ({
           {friendship_status === 'friends' && (
             <Button
               title={'Unfriend'}
-              buttonStyle={styles.button}
-              titleStyle={styles.buttonTitle}
+              buttonStyle={styles.requestedButton}
+              titleStyle={styles.requestedButtonTitle}
               onPress={handleFriendUnfriend} // unfriend, no record status
             />
           )}
@@ -178,9 +178,10 @@ const styles = StyleSheet.create({
     width: SCREEN_WIDTH * 0.4,
     height: SCREEN_WIDTH * 0.09,
     borderColor: TAGG_LIGHT_BLUE,
-    borderWidth: 3,
-    borderRadius: 5,
+    borderWidth: 2,
+    borderRadius: 0,
     marginRight: '2%',
+    marginLeft: '1%',
     padding: 0,
     backgroundColor: 'transparent',
   },
@@ -202,8 +203,11 @@ const styles = StyleSheet.create({
     width: SCREEN_WIDTH * 0.4,
     height: SCREEN_WIDTH * 0.09,
     padding: 0,
-    borderRadius: 5,
+    borderWidth: 2,
+    borderColor: TAGG_LIGHT_BLUE,
+    borderRadius: 0,
     marginRight: '2%',
+    marginLeft: '1%',
     backgroundColor: TAGG_LIGHT_BLUE,
   },
 });