center date input

1 files changed, 14 insertions, 12 deletions

diff --git a/src/components/dialogs/BirthDateSettings.tsx b/src/components/dialogs/BirthDateSettings.tsx
index 47d7faa0c..3ae8fa6cd 100644
--- a/src/components/dialogs/BirthDateSettings.tsx
+++ b/src/components/dialogs/BirthDateSettings.tsx
@@ -89,18 +89,20 @@ function BirthdayInner({
           <Trans>This information is not shared with other users.</Trans>
         </Text>
       </View>
-      <DateInput
-        handleAsUTC
-        testID="birthdayInput"
-        value={date}
-        onChange={setDate}
-        buttonType="default-light"
-        buttonStyle={[a.rounded_sm]}
-        buttonLabelType="lg"
-        accessibilityLabel={_(msg`Birthday`)}
-        accessibilityHint={_(msg`Enter your birth date`)}
-        accessibilityLabelledBy="birthDate"
-      />
+      <View style={[a.w_full, a.align_center]}>
+        <DateInput
+          handleAsUTC
+          testID="birthdayInput"
+          value={date}
+          onChange={setDate}
+          buttonType="default-light"
+          buttonStyle={[a.rounded_sm]}
+          buttonLabelType="lg"
+          accessibilityLabel={_(msg`Birthday`)}
+          accessibilityHint={_(msg`Enter your birth date`)}
+          accessibilityLabelledBy="birthDate"
+        />
+      </View>
       {isError ? (
         <ErrorMessage message={cleanError(error)} style={[a.rounded_sm]} />
       ) : undefined}