From acea0e074d75ac549abb01dc4ac16573a43ad7fa Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 18 May 2023 12:05:32 -0500
Subject: [PATCH] Tab bar fixes

---
 src/view/com/pager/FeedsTabBarMobile.tsx | 2 +-
 src/view/com/pager/TabBar.tsx            | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/view/com/pager/FeedsTabBarMobile.tsx b/src/view/com/pager/FeedsTabBarMobile.tsx
index de3f1258..cb910ccb 100644
--- a/src/view/com/pager/FeedsTabBarMobile.tsx
+++ b/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: {
diff --git a/src/view/com/pager/TabBar.tsx b/src/view/com/pager/TabBar.tsx
index fe76a08b..f6c41ce7 100644
--- a/src/view/com/pager/TabBar.tsx
+++ b/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,