Merge pull request #189 from IvanIFChen/tma530-zoom-out-search-page

[TMA-530] Zoom Out Search Page

1 files changed, 9 insertions, 5 deletions

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,
   },