From 1b7763fae69edf29128c46ff685146a1c11a40d8 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Fri, 5 May 2023 13:36:58 -0500
Subject: [PATCH] Fix moderation screen on desktop web

---
 src/view/screens/Moderation.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/view/screens/Moderation.tsx b/src/view/screens/Moderation.tsx
index 7c30f01255..d54624585b 100644
--- a/src/view/screens/Moderation.tsx
+++ b/src/view/screens/Moderation.tsx
@@ -10,7 +10,7 @@ import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types'
 import {withAuthRequired} from 'view/com/auth/withAuthRequired'
 import {useStores} from 'state/index'
 import {s} from 'lib/styles'
-import {CenteredView, ScrollView} from '../com/util/Views'
+import {CenteredView} from '../com/util/Views'
 import {ViewHeader} from '../com/util/ViewHeader'
 import {Link} from '../com/util/Link'
 import {Text} from '../com/util/text/Text'
@@ -38,8 +38,12 @@ export const ModerationScreen = withAuthRequired(
     }, [track, store])
 
     return (
-      <View
-        style={[s.hContentRegion, !isDesktopWeb && pal.viewLight]}
+      <CenteredView
+        style={[
+          s.hContentRegion,
+          pal.border,
+          isDesktopWeb ? styles.desktopContainer : pal.viewLight,
+        ]}
         testID="moderationScreen">
         <ViewHeader title="Moderation" showOnDesktop />
         <View style={styles.spacer} />
@@ -101,12 +105,16 @@ export const ModerationScreen = withAuthRequired(
             Blocked accounts
           </Text>
         </Link>
-      </View>
+      </CenteredView>
     )
   }),
 )
 
 const styles = StyleSheet.create({
+  desktopContainer: {
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+  },
   spacer: {
     height: 6,
   },