Tab bar fixes

src/view/com/pager/FeedsTabBarMobile.tsx

@@ -73,7 +73,7 @@ const styles = StyleSheet.create({
     top: 0,
     flexDirection: 'row',
     alignItems: 'center',
-    paddingHorizontal: 18,
+    paddingLeft: 18,
     borderBottomWidth: 1,
   },
   tabBarAvi: {

src/view/com/pager/TabBar.tsx

@@ -10,7 +10,7 @@ import {StyleSheet, View, ScrollView} from 'react-native'
 import {Text} from '../util/text/Text'
 import {PressableWithHover} from '../util/PressableWithHover'
 import {usePalette} from 'lib/hooks/usePalette'
-import {isDesktopWeb} from 'platform/detection'
+import {isDesktopWeb, isWeb} from 'platform/detection'
 
 export interface TabBarProps {
   testID?: string
@@ -120,9 +120,9 @@ const styles = isDesktopWeb
     })
   : StyleSheet.create({
       outer: {
+        flex: 1,
         flexDirection: 'row',
         paddingLeft: 14,
-        paddingRight: 24,
       },
       item: {
         paddingTop: 8,