2 files changed, 8 insertions, 3 deletions
diff --git a/src/components/search/SearchBar.tsx b/src/components/search/SearchBar.tsx
index 8bb93d54..ce825d8a 100644
--- a/src/components/search/SearchBar.tsx
+++ b/src/components/search/SearchBar.tsx
@@ -17,6 +17,10 @@ import Animated, {
 import {SCREEN_HEIGHT} from '../../utils';
 import Icon from 'react-native-vector-icons/Feather';
 
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+
+const AnimatedIcon = Animated.createAnimatedComponent(Icon);
+
 interface SearchBarProps extends TextInputProps {
   onCancel: () => void;
   top: Animated.Value<number>;
@@ -48,8 +52,6 @@ const SearchBar: React.FC<SearchBarProps> = ({
     e.preventDefault();
     Keyboard.dismiss();
   };
-  const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
-  const AnimatedIcon = Animated.createAnimatedComponent(Icon);
 
   return (
     <View style={[styles.container, style]}>
@@ -100,6 +102,7 @@ const styles = StyleSheet.create({
   input: {
     flex: 1,
     fontSize: 16,
+    color: '#fff',
   },
   cancelButton: {
     position: 'absolute',
diff --git a/src/components/search/SearchResultsBackground.tsx b/src/components/search/SearchResultsBackground.tsx
index 3e1e4fdc..77b1821d 100644
--- a/src/components/search/SearchResultsBackground.tsx
+++ b/src/components/search/SearchResultsBackground.tsx
@@ -31,6 +31,7 @@ const SearchResultsBackground: React.FC<SearchResultsBackgroundProps> = ({
 };
 const styles = StyleSheet.create({
   container: {
+    flex: 1,
     height: SCREEN_HEIGHT,
     width: SCREEN_WIDTH,
     padding: 20,
@@ -39,7 +40,8 @@ const styles = StyleSheet.create({
     zIndex: 0,
   },
   contentContainer: {
-    flex: 1,
+    flexGrow: 1,
+    paddingBottom: SCREEN_HEIGHT / 15,
   },
   results: {
     marginTop: StatusBarHeight + 110,