Make title sizing consistent.

components/settings/settings.jsx

@@ -67,11 +67,10 @@ function Tab({ bodyshop, currentUser, signOutStart }) {
 
   return (
     <SafeAreaView style={{ flex: 1 }}>
+      <Text variant="headlineMedium" style={styles.title}>
+        {t("settings.titles.settings")}
+      </Text>
       <ScrollView contentContainerStyle={styles.container}>
-        <Text variant="headlineMedium" style={styles.title}>
-          {t("settings.titles.settings")}
-        </Text>
-
         <Card style={styles.section}>
           <Card.Title title="Storage" />
           <Card.Content>
@@ -192,10 +191,10 @@ function Tab({ bodyshop, currentUser, signOutStart }) {
 const styles = StyleSheet.create({
   container: {
     paddingVertical: 24,
-    paddingHorizontal: 20,
+    paddingHorizontal: 12,
   },
   title: {
-    marginBottom: 12,
+    marginHorizontal: 12,
     fontWeight: "600",
   },
   section: {