From 3517d9fa28707a61febd75fd160edc870cc0ade7 Mon Sep 17 00:00:00 2001
From: Ansh <anshnanda10@gmail.com>
Date: Wed, 19 Jul 2023 15:00:40 -0700
Subject: [PATCH] Hotfix mobile web styling issues (#1039)

* remove hardcoded height for bottom bar

* prevent overflow of tab bar on mobile web
---
 src/view/com/pager/TabBar.tsx                 | 1 +
 src/view/shell/Composer.web.tsx               | 3 ++-
 src/view/shell/bottom-bar/BottomBarStyles.tsx | 3 ---
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/view/com/pager/TabBar.tsx b/src/view/com/pager/TabBar.tsx
index 9ca02a7f..d454e89f 100644
--- a/src/view/com/pager/TabBar.tsx
+++ b/src/view/com/pager/TabBar.tsx
@@ -117,6 +117,7 @@ const styles = isDesktopWeb
         flex: 1,
         flexDirection: 'row',
         backgroundColor: 'transparent',
+        maxWidth: '100%',
       },
       contentContainer: {
         columnGap: isMobileWeb ? 0 : 20,
diff --git a/src/view/shell/Composer.web.tsx b/src/view/shell/Composer.web.tsx
index 7eb16290..cf850aa4 100644
--- a/src/view/shell/Composer.web.tsx
+++ b/src/view/shell/Composer.web.tsx
@@ -5,7 +5,8 @@ import {ComposePost} from '../com/composer/Composer'
 import {ComposerOpts} from 'state/models/ui/shell'
 import {usePalette} from 'lib/hooks/usePalette'
 import {isMobileWeb} from 'platform/detection'
-import {BOTTOM_BAR_HEIGHT} from 'view/shell/bottom-bar/BottomBarStyles'
+
+const BOTTOM_BAR_HEIGHT = 61
 
 export const Composer = observer(
   ({
diff --git a/src/view/shell/bottom-bar/BottomBarStyles.tsx b/src/view/shell/bottom-bar/BottomBarStyles.tsx
index 91d285e4..f31ab44c 100644
--- a/src/view/shell/bottom-bar/BottomBarStyles.tsx
+++ b/src/view/shell/bottom-bar/BottomBarStyles.tsx
@@ -1,11 +1,8 @@
 import {StyleSheet} from 'react-native'
 import {colors} from 'lib/styles'
 
-export const BOTTOM_BAR_HEIGHT = 61
-
 export const styles = StyleSheet.create({
   bottomBar: {
-    height: BOTTOM_BAR_HEIGHT,
     position: 'absolute',
     bottom: 0,
     left: 0,