Minor Fixes

src/screens/reader/components/TextReader.tsx

@@ -63,12 +63,12 @@ const TextReader: React.FC<TextReaderProps> = ({
           defaultViewProps={{
             style: {
               backgroundColor: reader.theme,
-              minHeight: height - 160,
             },
           }}
           baseStyle={{
             paddingHorizontal: `${reader.padding}%`,
             paddingTop: (StatusBar.currentHeight || 0) + 16,
+            minHeight: height - 100,
           }}
         />
         <View style={styles.navigationContainer}>

src/screens/reader/components/WebViewReader.tsx

@@ -290,7 +290,7 @@ const WebViewReader: FunctionComponent<WebViewReaderProps> = props => {
                         text-align: center;
                       }
                       .chapterCtn {
-                        min-height: ${height - 160};
+                        min-height: ${height - 140};
                         margin-bottom: auto;
                       }
                     </style>
@@ -307,8 +307,10 @@ const WebViewReader: FunctionComponent<WebViewReaderProps> = props => {
                     </style>
                   </head>
                   <body>
-                    <div class="chapterCtn">
-                      <chapter ${onClickWebViewPostMessage({ type: 'hide' })}>
+                    <div class="chapterCtn" ${onClickWebViewPostMessage({
+                      type: 'hide',
+                    })}>
+                      <chapter>
                       ${html}
                       </chapter>
                     </div>

src/screens/settings/SettingsAppearanceScreen.js

@@ -76,7 +76,10 @@ const AppearanceSettings = ({ navigation }) => {
         handleGoBack={navigation.goBack}
         theme={theme}
       />
-      <ScrollView style={{ flex: 1 }}>
+      <ScrollView
+        style={{ flex: 1 }}
+        contentContainerStyle={{ paddingBottom: 40 }}
+      >
         <List.Section>
           <List.SubHeader theme={theme}>App theme</List.SubHeader>
           <Text