Merge pull request #284 from IvanIFChen/hotfix-discover-users-layout

[HOTFIX] Discover Users Layout Fix

2 files changed, 4 insertions, 2 deletions

diff --git a/src/components/search/ExploreSectionUser.tsx b/src/components/search/ExploreSectionUser.tsx
index 6be8282b..d8c92be2 100644
--- a/src/components/search/ExploreSectionUser.tsx
+++ b/src/components/search/ExploreSectionUser.tsx
@@ -94,6 +94,7 @@ const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
     width: 100,
+    paddingVertical: 10,
   },
   gradient: {
     height: 62,
diff --git a/src/screens/search/DiscoverUsers.tsx b/src/screens/search/DiscoverUsers.tsx
index a1b3322a..e570edce 100644
--- a/src/screens/search/DiscoverUsers.tsx
+++ b/src/screens/search/DiscoverUsers.tsx
@@ -2,7 +2,7 @@ import React, {useEffect, useState} from 'react';
 import {FlatList, StatusBar, StyleSheet} from 'react-native';
 import {Text} from 'react-native-animatable';
 import {SafeAreaView} from 'react-native-safe-area-context';
-import {HeaderHeight, SCREEN_WIDTH} from '../../utils';
+import {HeaderHeight, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 import {SearchBackground, TabsGradient} from '../../components';
 import {RouteProp} from '@react-navigation/native';
 import {MainStackParams} from '../../routes';
@@ -67,6 +67,7 @@ const styles = StyleSheet.create({
   scrollView: {
     top: HeaderHeight,
     width: SCREEN_WIDTH * 0.95,
+    height: SCREEN_HEIGHT - HeaderHeight,
     alignSelf: 'center',
     flexDirection: 'column',
   },
@@ -79,7 +80,7 @@ const styles = StyleSheet.create({
   },
   contentContainerStyle: {
     width: SCREEN_WIDTH * 0.95,
-    paddingBottom: 30,
+    paddingBottom: SCREEN_HEIGHT * 0.2,
   },
 });