diff --git a/react/features/conference/components/native/NavigationBar.js b/react/features/conference/components/native/NavigationBar.js
index e8329566e..8c4b84803 100644
--- a/react/features/conference/components/native/NavigationBar.js
+++ b/react/features/conference/components/native/NavigationBar.js
@@ -53,8 +53,10 @@ const NavigationBar = (props: Props) => {
         <View
             pointerEvents = 'box-none'
             style = { styles.navBarWrapper }>
-            <PictureInPictureButton
-                styles = { styles.navBarButton } />
+            <View style = { styles.pipButtonContainer }>
+                <PictureInPictureButton
+                    styles = { styles.pipButton } />
+            </View>
             <View
                 pointerEvents = 'box-none'
                 style = { styles.roomNameWrapper }>
diff --git a/react/features/conference/components/native/styles.js b/react/features/conference/components/native/styles.js
index 5a90489db..e1811fdb9 100644
--- a/react/features/conference/components/native/styles.js
+++ b/react/features/conference/components/native/styles.js
@@ -53,12 +53,18 @@ export default {
         paddingVertical: 12
     },
 
-    navBarButton: {
+    pipButtonContainer: {
+        position: 'absolute',
+        top: 10,
+        left: 5,
+        zIndex: 1
+    },
+
+    pipButton: {
         iconStyle: {
             color: ColorPalette.white,
             fontSize: 24
         },
-
         underlayColor: 'transparent'
     },