From 1d7b47df58fcf139e47e04728b170a6bee9485fc Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 19 Sep 2024 14:33:09 -0500
Subject: [PATCH] Copy and spacing tweaks

---
 .../dialogs/nuxs/NeueTypography.tsx           |  4 ++--
 src/screens/Settings/AppearanceSettings.tsx   | 22 +++++++++----------
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/components/dialogs/nuxs/NeueTypography.tsx b/src/components/dialogs/nuxs/NeueTypography.tsx
index f33cea8e78..b4cdb8c035 100644
--- a/src/components/dialogs/nuxs/NeueTypography.tsx
+++ b/src/components/dialogs/nuxs/NeueTypography.tsx
@@ -53,8 +53,8 @@ export function NeueTypography() {
             </Text>
             <Text style={[a.text_lg, a.leading_snug]}>
               <Trans>
-                To the ensure the best possible experience, we're introducing a
-                new theme font, along with adjustable font sizing settings.
+                To ensure the best possible experience, we're introducing a new
+                theme font, along with adjustable font sizing settings.
               </Trans>
             </Text>
             <Text
diff --git a/src/screens/Settings/AppearanceSettings.tsx b/src/screens/Settings/AppearanceSettings.tsx
index d675fb38ed..510a5d9edc 100644
--- a/src/screens/Settings/AppearanceSettings.tsx
+++ b/src/screens/Settings/AppearanceSettings.tsx
@@ -205,18 +205,10 @@ export function AppearanceToggleButtonGroup({
 }) {
   const t = useTheme()
   return (
-    <View style={[a.gap_md]}>
-      <View style={[a.gap_xs]}>
-        <View style={[a.flex_row, a.align_center, a.gap_md]}>
-          <Icon style={t.atoms.text} />
-          <Text style={[a.text_md, a.font_bold]}>{title}</Text>
-        </View>
-        {description && (
-          <Text
-            style={[a.text_sm, a.leading_snug, t.atoms.text_contrast_medium]}>
-            {description}
-          </Text>
-        )}
+    <View style={[a.gap_sm]}>
+      <View style={[a.flex_row, a.align_center, a.gap_md]}>
+        <Icon style={t.atoms.text} />
+        <Text style={[a.text_md, a.font_bold]}>{title}</Text>
       </View>
       <ToggleButton.Group label={title} values={values} onChange={onChange}>
         {items.map(item => (
@@ -228,6 +220,12 @@ export function AppearanceToggleButtonGroup({
           </ToggleButton.Button>
         ))}
       </ToggleButton.Group>
+
+      {description && (
+        <Text style={[a.text_sm, a.leading_snug, t.atoms.text_contrast_medium]}>
+          {description}
+        </Text>
+      )}
     </View>
   )
 }