fix: Fix Pending Image Border Style

lifeomic · May 21, 2024 · 5663dac · 5663dac
1 parent 9ef1ade
commit 5663dac
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/screens/DirectMessagesScreen.tsx b/src/screens/DirectMessagesScreen.tsx
@@ -371,6 +371,7 @@ export const DirectMessagesScreen = ({
         pendingImages.length
           ? () => (
               <ScrollView
+                style={styles.pendingImagesScrollView}
                 contentContainerStyle={styles.pendingImagesContainer}
                 horizontal
               >
@@ -605,10 +606,12 @@ const defaultStyles = createStyles('DirectMessagesScreen', (theme) => ({
   },
   footer: {},
   accessoryContainer: {},
+  pendingImagesScrollView: {
+    borderTopWidth: 1,
+    borderTopColor: theme.colors.outlineVariant,
+  },
   pendingImagesContainer: {
     height: 68,
-    borderTopWidth: 1,
-    borderTopColor: 'lightgrey',
     justifyContent: 'flex-start',
     gap: 8,
     paddingHorizontal: 8,