1 files changed, 10 insertions, 5 deletions
diff --git a/src/components/profile/Friends.tsx b/src/components/profile/Friends.tsx
index 5c724617..ec2b6a68 100644
--- a/src/components/profile/Friends.tsx
+++ b/src/components/profile/Friends.tsx
@@ -30,7 +30,7 @@ const Friends: React.FC<FriendsProps> = ({result, screenType, userXId}) => {
       contentContainerStyle={styles.scrollViewContent}
       showsVerticalScrollIndicator={false}>
       {result.map((profilePreview) => (
-        <View key={profilePreview.id}>
+        <View key={profilePreview.id} style={styles.container}>
           <ProfilePreview
             style={styles.friend}
             {...{profilePreview}}
@@ -52,6 +52,12 @@ const Friends: React.FC<FriendsProps> = ({result, screenType, userXId}) => {
 };
 
 const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    width: SCREEN_WIDTH * 0.93,
+    alignItems: 'center',
+  },
   header: {flexDirection: 'row'},
   friend: {
     marginVertical: 10,
@@ -76,19 +82,18 @@ const styles = StyleSheet.create({
   scrollView: {},
   scrollViewContent: {
     paddingBottom: SCREEN_HEIGHT / 15,
-    paddingHorizontal: 15,
+    paddingLeft: '4%',
     marginTop: '5%',
-    backgroundColor: 'lightgrey',
   },
   requestedButton: {
     justifyContent: 'center',
     alignItems: 'center',
-    width: SCREEN_WIDTH * 0.4,
+    width: SCREEN_WIDTH * 0.25,
     height: SCREEN_WIDTH * 0.075,
     borderColor: TAGG_LIGHT_BLUE,
     borderWidth: 2,
     borderRadius: 0,
-    marginRight: '2%',
+    marginRight: '1%',
     marginLeft: '1%',
     padding: 0,
     backgroundColor: 'transparent',