1 files changed, 9 insertions, 7 deletions
diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx
index e6311daa..b2c0a24d 100644
--- a/src/components/profile/ProfilePreview.tsx
+++ b/src/components/profile/ProfilePreview.tsx
@@ -164,7 +164,8 @@ const ProfilePreview: React.FC<ProfilePreviewProps> = ({
     nameStyle;
 
   switch (previewType) {
-    case 'Search' || 'Recent':
+    case 'Search':
+    case 'Recent':
       containerStyle = styles.searchResultContainer;
       avatarStyle = styles.searchResultAvatar;
       nameContainerStyle = styles.searchResultNameContainer;
@@ -257,13 +258,12 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     width: '32%',
     marginVertical: 10,
-    borderWidth: 1,
   },
   searchResultAvatar: {
-    height: 60,
-    width: 60,
+    height: 50,
+    width: 50,
     borderRadius: 30,
-    marginRight: 15,
+    marginRight: '10%',
   },
   commentAvatar: {
     height: 40,
@@ -280,6 +280,7 @@ const styles = StyleSheet.create({
   searchResultNameContainer: {
     justifyContent: 'space-evenly',
     alignSelf: 'stretch',
+    flex: 1,
   },
   commentNameContainer: {
     justifyContent: 'space-evenly',
@@ -291,7 +292,7 @@ const styles = StyleSheet.create({
     marginTop: 5,
   },
   searchResultUsername: {
-    fontSize: 18,
+    fontSize: 16,
     fontWeight: '500',
   },
   commentUsername: {
@@ -305,7 +306,8 @@ const styles = StyleSheet.create({
     textAlign: 'center',
   },
   searchResultName: {
-    fontSize: 16,
+    fontSize: 14,
+    fontWeight: '400',
     color: '#333',
   },
   commentName: {