diff --git a/app/components/network_indicator/network_indicator.js b/app/components/network_indicator/network_indicator.js
index 93bcbf785..9baa68c0a 100644
--- a/app/components/network_indicator/network_indicator.js
+++ b/app/components/network_indicator/network_indicator.js
@@ -412,8 +412,15 @@ const styles = StyleSheet.create({
container: {
height: HEIGHT,
width: '100%',
- zIndex: 9,
position: 'absolute',
+ ...Platform.select({
+ android: {
+ elevation: 9,
+ },
+ ios: {
+ zIndex: 9,
+ },
+ }),
},
wrapper: {
alignItems: 'center',
diff --git a/app/screens/channel/channel.android.js b/app/screens/channel/channel.android.js
index 4e2ac6307..761c990a6 100644
--- a/app/screens/channel/channel.android.js
+++ b/app/screens/channel/channel.android.js
@@ -40,7 +40,6 @@ export default class ChannelAndroid extends ChannelBase {
const drawerContent = (
<>
-
+
{LocalConfig.EnableMobileClientUpgrade && }
>
);
diff --git a/app/screens/channel/channel_nav_bar/channel_nav_bar.js b/app/screens/channel/channel_nav_bar/channel_nav_bar.js
index a47d11728..532c68b68 100644
--- a/app/screens/channel/channel_nav_bar/channel_nav_bar.js
+++ b/app/screens/channel/channel_nav_bar/channel_nav_bar.js
@@ -130,7 +130,14 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
flexDirection: 'row',
justifyContent: 'flex-start',
width: '100%',
- zIndex: 10,
+ ...Platform.select({
+ android: {
+ elevation: 10,
+ },
+ ios: {
+ zIndex: 10,
+ },
+ }),
},
};
});