Reapply "Modify hosting provider text for better localization" (#7928)

* Update HostingProvider.tsx

* Update src/components/forms/HostingProvider.tsx

---------

Co-authored-by: Hailey <hailey@blueskyweb.xyz>

src/components/forms/HostingProvider.tsx

@@ -41,27 +41,25 @@ export function HostingProvider({
         onSelect={onSelectServiceUrl}
       />
       {minimal ? (
-        <View style={[a.flex_row, a.align_center, a.flex_wrap, a.gap_xs]}>
+        <View style={[a.flex_row, a.align_center, a.flex_wrap]}>
           <Text style={[a.text_sm, t.atoms.text_contrast_medium]}>
-            <Trans>You are creating an account on</Trans>
+            <Trans>
+              You are creating an account on{' '}
+              <Button
+                label={toNiceDomain(serviceUrl)}
+                accessibilityHint={_(msg`Changes hosting provider`)}
+                onPress={onPressSelectService}
+                variant="ghost"
+                color="secondary"
+                size="tiny"
+                style={[a.px_xs, {margin: tokens.space.xs * -1}]}>
+                <ButtonText style={[a.text_sm]}>
+                  {toNiceDomain(serviceUrl)}
+                </ButtonText>
+                <ButtonIcon icon={PencilIcon} />
+              </Button>
+            </Trans>
           </Text>
-          <Button
-            label={toNiceDomain(serviceUrl)}
-            accessibilityHint={_(msg`Changes hosting provider`)}
-            onPress={onPressSelectService}
-            variant="ghost"
-            color="secondary"
-            size="tiny"
-            style={[
-              a.px_xs,
-              {marginHorizontal: tokens.space.xs * -1},
-              {paddingVertical: 0},
-            ]}>
-            <ButtonText style={[a.text_sm]}>
-              {toNiceDomain(serviceUrl)}
-            </ButtonText>
-            <ButtonIcon icon={PencilIcon} />
-          </Button>
         </View>
       ) : (
         <Button