diff --git a/native/community-creation/community-configuration.react.js b/native/community-creation/community-configuration.react.js
--- a/native/community-creation/community-configuration.react.js
+++ b/native/community-creation/community-configuration.react.js
@@ -13,6 +13,7 @@
   useServerCall,
 } from 'lib/utils/action-utils.js';
 
+import CommunityCreationKeyserverLabel from './community-creation-keyserver-label.react.js';
 import type { CommunityCreationNavigationProp } from './community-creation-navigator.react.js';
 import RegistrationButtonContainer from '../account/registration/registration-button-container.react.js';
 import RegistrationButton from '../account/registration/registration-button.react.js';
@@ -23,7 +24,6 @@
   ThreadSettingsCategoryHeader,
 } from '../chat/settings/thread-settings-category.react.js';
 import CommIcon from '../components/comm-icon.react.js';
-import Pill from '../components/pill.react.js';
 import TextInput from '../components/text-input.react.js';
 import { useCalendarQuery } from '../navigation/nav-selectors.js';
 import {
@@ -57,14 +57,6 @@
     createNewCommunityLoadingStatusSelector,
   );
 
-  const cloudIcon = (
-    <CommIcon
-      name="cloud-filled"
-      size={12}
-      color={colors.panelForegroundLabel}
-    />
-  );
-
   const [pendingCommunityName, setPendingCommunityName] = React.useState('');
   const [announcementSetting, setAnnouncementSetting] = React.useState(false);
   const [errorMessage, setErrorMessage] = React.useState<?string>();
@@ -118,15 +110,7 @@
   return (
     <RegistrationContainer>
       <RegistrationContentContainer style={styles.containerPaddingOverride}>
-        <View style={styles.keyserverRowContainer}>
-          <Text style={styles.withinText}>within</Text>
-          <Pill
-            label="ashoat"
-            backgroundColor={colors.codeBackground}
-            icon={cloudIcon}
-          />
-        </View>
-
+        <CommunityCreationKeyserverLabel />
         <ThreadSettingsCategoryHeader type="full" title="COMMUNITY INFO" />
         <View style={styles.communityNameRow}>
           <Text style={styles.communityNameLabel}>Name</Text>
@@ -188,20 +172,6 @@
 }
 
 const unboundStyles = {
-  keyserverRowContainer: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'panelForeground',
-    height: 48,
-    borderColor: 'panelForegroundBorder',
-    borderBottomWidth: 1,
-  },
-  withinText: {
-    color: 'panelForegroundLabel',
-    fontSize: 14,
-    marginRight: 6,
-  },
   containerPaddingOverride: {
     padding: 0,
   },
diff --git a/native/community-creation/community-creation-keyserver-label.react.js b/native/community-creation/community-creation-keyserver-label.react.js
new file mode 100644
--- /dev/null
+++ b/native/community-creation/community-creation-keyserver-label.react.js
@@ -0,0 +1,54 @@
+// @flow
+
+import * as React from 'react';
+import { View, Text } from 'react-native';
+
+import CommIcon from '../components/comm-icon.react.js';
+import Pill from '../components/pill.react.js';
+import { useColors, useStyles } from '../themes/colors.js';
+
+function CommunityCreationKeyserverLabel(): React.Node {
+  const colors = useColors();
+  const styles = useStyles(unboundStyles);
+
+  const cloudIcon = React.useMemo(
+    () => (
+      <CommIcon
+        name="cloud-filled"
+        size={12}
+        color={colors.panelForegroundLabel}
+      />
+    ),
+    [colors.panelForegroundLabel],
+  );
+
+  return (
+    <View style={styles.keyserverRowContainer}>
+      <Text style={styles.withinText}>within</Text>
+      <Pill
+        label="ashoat"
+        backgroundColor={colors.codeBackground}
+        icon={cloudIcon}
+      />
+    </View>
+  );
+}
+
+const unboundStyles = {
+  keyserverRowContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'panelForeground',
+    height: 48,
+    borderColor: 'panelForegroundBorder',
+    borderBottomWidth: 1,
+  },
+  withinText: {
+    color: 'panelForegroundLabel',
+    fontSize: 14,
+    marginRight: 6,
+  },
+};
+
+export default CommunityCreationKeyserverLabel;