diff --git a/src/components/webviews/CozyProxyWebView.js b/src/components/webviews/CozyProxyWebView.js
index 709c08e2c..b924bd90c 100644
--- a/src/components/webviews/CozyProxyWebView.js
+++ b/src/components/webviews/CozyProxyWebView.js
@@ -104,7 +104,11 @@ export const CozyProxyWebView = ({
   const Wrapper = Platform.OS === 'ios' ? View : KeyboardAvoidingView
 
   return (
-    <Wrapper style={{ ...styles.view, ...style }} behavior="height">
+    <Wrapper
+      style={{ ...styles.view, ...style }}
+      behavior="height"
+      keyboardVerticalOffset={props.keyboardVerticalOffset || 0}
+    >
       {state.source ? (
         <CozyWebView
           source={state.source}
diff --git a/src/screens/cozy-app/CozyAppScreen.tsx b/src/screens/cozy-app/CozyAppScreen.tsx
index 3376ab408..fa11a6e7f 100644
--- a/src/screens/cozy-app/CozyAppScreen.tsx
+++ b/src/screens/cozy-app/CozyAppScreen.tsx
@@ -64,9 +64,7 @@ export const CozyAppScreen = ({
 
       <View
         style={{
-          height: isFirstHalf
-            ? dimensions.statusBarHeight
-            : styles.immersiveHeight.height,
+          height: dimensions.statusBarHeight,
           backgroundColor: topBackground
         }}
       >
@@ -79,19 +77,6 @@ export const CozyAppScreen = ({
       </View>
 
       <View style={styles.mainView}>
-        {
-          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-          route.params.iconParams && !isReady && (
-            <Animation
-              onFirstHalf={setFirstHalf}
-              onFinished={setReady}
-              shouldExit={shouldExitAnimation}
-              params={route.params.iconParams}
-              slug={route.params.slug}
-            />
-          )
-        }
-
         <CozyProxyWebView
           style={webViewStyle}
           slug={route.params.slug}
@@ -101,14 +86,13 @@ export const CozyAppScreen = ({
           logId="AppScreen"
           onLoadEnd={onLoadEnd}
           onError={handleError}
+          keyboardVerticalOffset={dimensions.statusBarHeight}
         />
       </View>
 
       <View
         style={{
-          height: isFirstHalf
-            ? dimensions.navbarHeight
-            : styles.immersiveHeight.height,
+          height: dimensions.navbarHeight,
           backgroundColor: bottomBackground
         }}
       >
@@ -119,6 +103,18 @@ export const CozyAppScreen = ({
           }}
         />
       </View>
+      {
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        route.params.iconParams && !isReady && (
+          <Animation
+            onFirstHalf={setFirstHalf}
+            onFinished={setReady}
+            shouldExit={shouldExitAnimation}
+            params={route.params.iconParams}
+            slug={route.params.slug}
+          />
+        )
+      }
     </>
   )
 }