From 5663dac63e04b0c5cccd9f12f84c8b6ac1d25984 Mon Sep 17 00:00:00 2001
From: Teddy Sterne <teddy.sterne@fountainlife.com>
Date: Tue, 21 May 2024 08:16:59 -0400
Subject: [PATCH] fix: Fix Pending Image Border Style

---
 src/screens/DirectMessagesScreen.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/screens/DirectMessagesScreen.tsx b/src/screens/DirectMessagesScreen.tsx
index 43e550be..34be856f 100644
--- 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,