Increase bottom padding

src/components/Common.js

@@ -1,8 +1,14 @@
 import React from "react";
-import { View, Text, Image, StyleSheet } from "react-native";
+import { View, StyleSheet } from "react-native";
 
 const ScreenContainer = ({ children, theme }) => (
-    <View style={{ flex: 1, backgroundColor: theme.colorPrimaryDark }}>
+    <View
+        style={{
+            flex: 1,
+            backgroundColor: theme.colorPrimaryDark,
+            paddingBottom: 16,
+        }}
+    >
         {children}
     </View>
 );

src/screens/Library/components/LibraryFilterSheet.js

@@ -245,8 +245,8 @@ const LibraryFilterSheet = ({
         <Bottomsheet
             animatedValue={animatedValue}
             ref={bottomSheetRef}
-            draggableRange={{ top: 480, bottom: 0 }}
-            snappingPoints={[0, 480]}
+            draggableRange={{ top: 500, bottom: 0 }}
+            snappingPoints={[0, 500]}
         >
             <View
                 style={[

src/screens/Novel/Novel.js

@@ -454,7 +454,7 @@ const Novel = ({ route, navigation }) => {
                     windowSize={15}
                     initialNumToRender={7}
                     renderItem={renderItem}
-                    contentContainerStyle={{ paddingBottom: 40 }}
+                    contentContainerStyle={{ paddingBottom: 100 }}
                     ListHeaderComponent={
                         <NovelInfoHeader
                             item={item}