3 files changed, 22 insertions, 6 deletions
diff --git a/src/view/com/pager/FeedsTabBar.web.tsx b/src/view/com/pager/FeedsTabBar.web.tsx
index d80b140ce..0fc1b7310 100644
--- a/src/view/com/pager/FeedsTabBar.web.tsx
+++ b/src/view/com/pager/FeedsTabBar.web.tsx
@@ -63,11 +63,10 @@ const styles = StyleSheet.create({
     position: 'absolute',
     zIndex: 1,
     left: '50%',
-    width: 640,
+    width: 598,
     top: 0,
     flexDirection: 'row',
     alignItems: 'center',
-    paddingHorizontal: 18,
   },
   tabBarAvi: {
     marginTop: 1,
diff --git a/src/view/com/pager/FeedsTabBarMobile.tsx b/src/view/com/pager/FeedsTabBarMobile.tsx
index 76e0a6fc6..e7d2ec104 100644
--- a/src/view/com/pager/FeedsTabBarMobile.tsx
+++ b/src/view/com/pager/FeedsTabBarMobile.tsx
@@ -33,7 +33,7 @@ export const FeedsTabBar = observer(
     }, [store])
 
     return (
-      <Animated.View style={[pal.view, styles.tabBar, transform]}>
+      <Animated.View style={[pal.view, pal.border, styles.tabBar, transform]}>
         <TouchableOpacity
           testID="viewHeaderDrawerBtn"
           style={styles.tabBarAvi}
@@ -61,6 +61,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     paddingHorizontal: 18,
+    borderBottomWidth: 1,
   },
   tabBarAvi: {
     marginTop: 1,
diff --git a/src/view/com/util/Views.web.tsx b/src/view/com/util/Views.web.tsx
index d4bb377e5..63121d938 100644
--- a/src/view/com/util/Views.web.tsx
+++ b/src/view/com/util/Views.web.tsx
@@ -23,6 +23,7 @@ import {
   ViewProps,
 } from 'react-native'
 import {addStyle, colors} from 'lib/styles'
+import {usePalette} from 'lib/hooks/usePalette'
 
 export function CenteredView({
   style,
@@ -41,6 +42,7 @@ export const FlatList = React.forwardRef(function <ItemT>(
   }: React.PropsWithChildren<FlatListProps<ItemT>>,
   ref: React.Ref<RNFlatList>,
 ) {
+  const pal = usePalette('default')
   contentContainerStyle = addStyle(
     contentContainerStyle,
     styles.containerScroll,
@@ -61,7 +63,11 @@ export const FlatList = React.forwardRef(function <ItemT>(
   return (
     <RNFlatList
       ref={ref}
-      contentContainerStyle={contentContainerStyle}
+      contentContainerStyle={[
+        contentContainerStyle,
+        pal.border,
+        styles.contentContainer,
+      ]}
       style={style}
       contentOffset={contentOffset}
       {...props}
@@ -73,13 +79,19 @@ export const ScrollView = React.forwardRef(function (
   {contentContainerStyle, ...props}: React.PropsWithChildren<ScrollViewProps>,
   ref: React.Ref<RNScrollView>,
 ) {
+  const pal = usePalette('default')
+
   contentContainerStyle = addStyle(
     contentContainerStyle,
     styles.containerScroll,
   )
   return (
     <RNScrollView
-      contentContainerStyle={contentContainerStyle}
+      contentContainerStyle={[
+        contentContainerStyle,
+        pal.border,
+        styles.contentContainer,
+      ]}
       ref={ref}
       {...props}
     />
@@ -87,6 +99,11 @@ export const ScrollView = React.forwardRef(function (
 })
 
 const styles = StyleSheet.create({
+  contentContainer: {
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    minHeight: '100vh',
+  },
   container: {
     width: '100%',
     maxWidth: 600,
@@ -95,7 +112,6 @@ const styles = StyleSheet.create({
   },
   containerScroll: {
     width: '100%',
-    maxHeight: '100vh',
     maxWidth: 600,
     marginLeft: 'auto',
     marginRight: 'auto',