diff --git a/login-workflow/docs/routing.md b/login-workflow/docs/routing.md
index 9a4f6256..66e835ea 100644
--- a/login-workflow/docs/routing.md
+++ b/login-workflow/docs/routing.md
@@ -6,7 +6,25 @@ While this workflow library will work with different routing providers, we gener
 
 Because this workflow package is router-agnostic, you will be required to set up your routing solution and configure which of the workflow screens will appear on each of your routes.
 
-The Workflow support only Portrait mode in mobile devices and should be used only in Portrait mode
+The Workflow support only Portrait mode in mobile devices and should be used only in Portrait mode. We have locked the workflow to support only in Portrait mode, because when soft keyboard gets open in Landscape mode text input is getting pushed under the header.
+
+<img width="400" alt="Account Details" src="../media/landscape-mode.png">
+
+We need to pass logic to `orientation` attribute which is present inside `screenOptions` prop of `Stack.Navigator`.
+
+```tsx
+<NavigationContainer ref={navigationRef}>
+    <Stack.Navigator
+        initialRouteName={'AuthProviderExample'}
+        screenOptions={{
+            headerShown: false,
+            orientation: width >= 768 && height >= 768 ? 'all' : 'portrait',
+        }}
+    >
+        <Stack.Screen name="AuthProviderExample" component={AuthRouter} />
+    </Stack.Navigator>
+</NavigationContainer>
+```
 
 ### Authentication
 
diff --git a/login-workflow/example/src/navigation/index.tsx b/login-workflow/example/src/navigation/index.tsx
index ef60cfe5..74752cca 100644
--- a/login-workflow/example/src/navigation/index.tsx
+++ b/login-workflow/example/src/navigation/index.tsx
@@ -11,7 +11,6 @@ import {
 import i18nAppInstance from '../../translations/i18n';
 import { NavigationDrawer } from './navigation-drawer';
 import { createDrawerNavigator } from '@react-navigation/drawer';
-import { createStackNavigator } from '@react-navigation/stack';
 import { Dimensions, View } from 'react-native';
 
 import { ProjectAuthUIActions } from '../actions/AuthUIActions';
@@ -48,6 +47,7 @@ const AuthRouter = (): any => {
     const app = useApp();
     const { email, rememberMe } = app.loginData;
     const navigation = useNavigation<NativeStackNavigationProp<any>>();
+
     return (
         <>
             <AuthContextProvider
@@ -146,7 +146,8 @@ const AuthRouter = (): any => {
 const RegistrationRouter = (): any => {
     const app = useApp();
     const navigation = useNavigation<NativeStackNavigationProp<any>>();
-    const RegistrationStack = createStackNavigator();
+    const RegistrationStack = createNativeStackNavigator();
+
     return (
         <>
             <RegistrationContextProvider
diff --git a/login-workflow/media/landscape-mode.png b/login-workflow/media/landscape-mode.png
new file mode 100644
index 00000000..740b605e
Binary files /dev/null and b/login-workflow/media/landscape-mode.png differ