diff --git a/src/components/RecentSearchCard/RecentSearchCard.tsx b/src/components/RecentSearchCard/RecentSearchCard.tsx
index 6b223246..fc57089d 100644
--- a/src/components/RecentSearchCard/RecentSearchCard.tsx
+++ b/src/components/RecentSearchCard/RecentSearchCard.tsx
@@ -19,10 +19,10 @@ function RecentSearchCard({
     <Pressable onPress={pressFunction}>
       <View style={styles.card}>
         <View style={styles.textContainer}>
-          <Icon name="search1" size={18} color="#A7A5A5" />
-          <Text>{value}</Text>
-          <Text>{numResults} Results</Text>
-          <Icon name="caretright" size={18} color="black" />
+          <Icon name="search1" size={16} color="#A7A5A5" />
+          <Text style={styles.searchValueText}>{value}</Text>
+          <Text style={styles.numResultsText}>{numResults} Results</Text>
+          <Icon name="caretright" size={12} color="black" />
         </View>
       </View>
     </Pressable>
diff --git a/src/components/RecentSearchCard/styles.ts b/src/components/RecentSearchCard/styles.ts
index 7967af58..2169ee07 100644
--- a/src/components/RecentSearchCard/styles.ts
+++ b/src/components/RecentSearchCard/styles.ts
@@ -13,11 +13,25 @@ const styles = StyleSheet.create({
     maxHeight: 100,
     paddingLeft: 12,
     paddingRight: 12,
+    paddingBottom: 4,
+    paddingTop: 4,
   },
   textContainer: {
     flexDirection: 'row',
     justifyContent: 'space-between',
   },
+  searchValueText: {
+    color: 'black',
+    fontWeight: '400',
+    fontSize: 14,
+    justifyContent: 'center',
+  },
+  numResultsText: {
+    color: '#A7A5A5',
+    fontWeight: '400',
+    fontSize: 10,
+    justifyContent: 'center',
+  },
 });
 
 export default styles;