updated style

2 files changed, 18 insertions, 12 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: {
diff --git a/src/components/search/RecentSearches.tsx b/src/components/search/RecentSearches.tsx
index 22a36a6b..8a06017c 100644
--- a/src/components/search/RecentSearches.tsx
+++ b/src/components/search/RecentSearches.tsx
@@ -21,7 +21,7 @@ interface RecentSearchesProps extends TouchableOpacityProps {
  */
 const RecentSearches: React.FC<RecentSearchesProps> = (props) => {
   return (
-    <>
+    <View style={styles.mainContainer}>
       <View style={styles.container}>
         <Text style={styles.title}>{props.sectionTitle}</Text>
         {props.sectionButtonTitle && (
@@ -35,21 +35,25 @@ const RecentSearches: React.FC<RecentSearchesProps> = (props) => {
         previewType={props.sectionTitle}
         screenType={props.screenType}
       />
-    </>
+    </View>
   );
 };
 
 const styles = StyleSheet.create({
+  mainContainer: {
+    marginLeft: '3%',
+  },
   container: {
     flexDirection: 'row',
   },
   title: {
-    fontSize: 17,
-    fontWeight: 'bold',
+    fontSize: 18,
+    fontWeight: '600',
     flexGrow: 1,
+    marginBottom: '5%',
   },
   clear: {
-    fontSize: 17,
+    fontSize: 18,
     fontWeight: 'bold',
     color: TAGG_TEXT_LIGHT_BLUE,
   },