diff --git a/client/app/components/chat/NearbyHeader.tsx b/client/app/components/chat/NearbyHeader.tsx
index 0bc4b11e..655b13db 100644
--- a/client/app/components/chat/NearbyHeader.tsx
+++ b/client/app/components/chat/NearbyHeader.tsx
@@ -21,12 +21,11 @@ export const NearbyHeader: React.FC<NearbyHeaderProps> = ({ onClick, nearbyUsers
       <Text style={styles.nearbyText}>Nearby</Text>
       <TouchableOpacity onPress={onClick}>
         <View style={styles.iconContainer}>
+          <Text style={styles.countText}>{Object.keys(nearbyUsers).length}</Text>
           <Image
             style={styles.peopleIcon}
             source={require("../../../assets/icons/misc/nearby_icon.png")}
           />
-
-          <Text style={styles.countText}>{Object.keys(nearbyUsers).length}</Text>
         </View>
       </TouchableOpacity>
     </View>
@@ -55,6 +54,7 @@ const styles = StyleSheet.create({
     fontFamily: "Quicksand",
     fontSize: 24,
     fontWeight: "bold",
+    lineHeight: 24,
     color: "white",
     marginRight: "auto",
   },
@@ -65,11 +65,13 @@ const styles = StyleSheet.create({
   },
   iconContainer: {
     display: "flex",
+    flexDirection: "row",
     alignItems: "center",
   },
   countText: {
     fontFamily: "Quicksand",
-    fontSize: 13,
+    fontSize: 20,
+    paddingRight: "5%",
     fontWeight: "bold",
     color: "white",
   },