diff --git a/native/account/registration/keyserver-selection.react.js b/native/account/registration/keyserver-selection.react.js
index 8cd1f08ce..4b6db1bd1 100644
--- a/native/account/registration/keyserver-selection.react.js
+++ b/native/account/registration/keyserver-selection.react.js
@@ -1,34 +1,45 @@
 // @flow
 
+import { useHeaderHeight } from '@react-navigation/elements';
 import * as React from 'react';
 import { View, Text } from 'react-native';
 
 import type { RegistrationNavigationProp } from './registration-navigator.react.js';
 import type { NavigationRoute } from '../../navigation/route-names.js';
 import { useStyles } from '../../themes/colors.js';
 
 type Props = {
   +navigation: RegistrationNavigationProp<'KeyserverSelection'>,
   +route: NavigationRoute<'KeyserverSelection'>,
 };
 // eslint-disable-next-line no-unused-vars
 function KeyserverSelection(props: Props): React.Node {
   const styles = useStyles(unboundStyles);
+
+  const headerHeight = useHeaderHeight();
+  const backgroundStyle = React.useMemo(
+    () => ({
+      ...styles.background,
+      marginTop: headerHeight,
+    }),
+    [headerHeight, styles.background],
+  );
+
   return (
-    <View style={styles.background}>
+    <View style={backgroundStyle}>
       <Text style={styles.testText}>Test Hello Test</Text>
     </View>
   );
 }
 
 const unboundStyles = {
   background: {
     backgroundColor: 'panelBackground',
   },
   testText: {
     fontSize: 24,
     color: 'white',
   },
 };
 
 export default KeyserverSelection;
diff --git a/native/account/registration/registration-navigator.react.js b/native/account/registration/registration-navigator.react.js
index 7ce580a4a..dc20fbb88 100644
--- a/native/account/registration/registration-navigator.react.js
+++ b/native/account/registration/registration-navigator.react.js
@@ -1,55 +1,63 @@
 // @flow
 
 import {
   createStackNavigator,
   type StackNavigationProp,
   type StackNavigationHelpers,
 } from '@react-navigation/stack';
 import * as React from 'react';
 import { View } from 'react-native';
 
 import KeyserverSelection from './keyserver-selection.react.js';
 import type { RootNavigationProp } from '../../navigation/root-navigator.react.js';
 import {
   KeyserverSelectionRouteName,
   type ScreenParamList,
   type RegistrationParamList,
 } from '../../navigation/route-names.js';
 import { useStyles } from '../../themes/colors.js';
 
 export type RegistrationNavigationProp<
   RouteName: $Keys<RegistrationParamList> = $Keys<RegistrationParamList>,
 > = StackNavigationProp<ScreenParamList, RouteName>;
 
 const Registration = createStackNavigator<
   ScreenParamList,
   RegistrationParamList,
   StackNavigationHelpers<ScreenParamList>,
 >();
+
+const screenOptions = {
+  headerTransparent: true,
+  headerBackTitleVisible: false,
+  headerTitle: '',
+  headerTintColor: 'white',
+};
+
 type Props = {
   +navigation: RootNavigationProp<'Registration'>,
   ...
 };
 // eslint-disable-next-line no-unused-vars
 function RegistrationNavigator(props: Props): React.Node {
   const styles = useStyles(unboundStyles);
   return (
     <View style={styles.view}>
-      <Registration.Navigator>
+      <Registration.Navigator screenOptions={screenOptions}>
         <Registration.Screen
           name={KeyserverSelectionRouteName}
           component={KeyserverSelection}
         />
       </Registration.Navigator>
     </View>
   );
 }
 
 const unboundStyles = {
   view: {
     flex: 1,
     backgroundColor: 'panelBackground',
   },
 };
 
 export default RegistrationNavigator;