diff --git a/native/community-creation/community-creation-content-container.react.js b/native/community-creation/community-creation-content-container.react.js
new file mode 100644
--- /dev/null
+++ b/native/community-creation/community-creation-content-container.react.js
@@ -0,0 +1,28 @@
+// @flow
+
+import { useHeaderHeight } from '@react-navigation/elements';
+import * as React from 'react';
+import { View } from 'react-native';
+
+import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js';
+
+type ViewProps = React.ElementConfig<typeof View>;
+type Props = ViewProps;
+
+function CommunityCreationContentContainer(props: Props): React.Node {
+  const { children, style, ...rest } = props;
+
+  const headerHeight = useHeaderHeight();
+  const backgroundStyle = React.useMemo(
+    () => ({ marginTop: headerHeight, flex: 1 }),
+    [headerHeight],
+  );
+
+  return (
+    <KeyboardAvoidingView behavior="padding" style={backgroundStyle} {...rest}>
+      {children}
+    </KeyboardAvoidingView>
+  );
+}
+
+export default CommunityCreationContentContainer;
diff --git a/native/community-creation/community-creation-members.react.js b/native/community-creation/community-creation-members.react.js
--- a/native/community-creation/community-creation-members.react.js
+++ b/native/community-creation/community-creation-members.react.js
@@ -10,15 +10,14 @@
 import { threadTypes } from 'lib/types/thread-types-enum.js';
 import type { AccountUserInfo } from 'lib/types/user-types.js';
 
+import CommunityCreationContentContainer from './community-creation-content-container.react.js';
 import CommunityCreationKeyserverLabel from './community-creation-keyserver-label.react.js';
 import type { CommunityCreationNavigationProp } from './community-creation-navigator.react.js';
 import RegistrationContainer from '../account/registration/registration-container.react.js';
-import RegistrationContentContainer from '../account/registration/registration-content-container.react.js';
 import { createTagInput } from '../components/tag-input.react.js';
 import UserList from '../components/user-list.react.js';
 import type { NavigationRoute } from '../navigation/route-names.js';
 import { useSelector } from '../redux/redux-utils.js';
-import { useStyles } from '../themes/colors.js';
 
 const TagInput = createTagInput<AccountUserInfo>();
 const tagInputProps = {
@@ -35,8 +34,6 @@
 
 // eslint-disable-next-line no-unused-vars
 function CommunityCreationMembers(props: Props): React.Node {
-  const styles = useStyles(unboundStyles);
-
   const otherUserInfos = useSelector(userInfoSelectorForPotentialMembers);
   const userSearchIndex = useSelector(userSearchIndexForPotentialMembers);
 
@@ -82,7 +79,7 @@
 
   return (
     <RegistrationContainer>
-      <RegistrationContentContainer style={styles.containerPaddingOverride}>
+      <CommunityCreationContentContainer>
         <CommunityCreationKeyserverLabel />
         <TagInput
           value={selectedUsers}
@@ -94,15 +91,9 @@
           ref={tagInputRef}
         />
         <UserList userInfos={userSearchResults} onSelect={onSelectUser} />
-      </RegistrationContentContainer>
+      </CommunityCreationContentContainer>
     </RegistrationContainer>
   );
 }
 
-const unboundStyles = {
-  containerPaddingOverride: {
-    padding: 0,
-  },
-};
-
 export default CommunityCreationMembers;