From 8655e339fe4b68fa4ef9449b0edd5d5cb3e9d68e Mon Sep 17 00:00:00 2001
From: balzack <roland.osborne@gmail.com>
Date: Sun, 16 Oct 2022 23:35:53 -0700
Subject: [PATCH] fixing clipped carousel

---
 .../src/session/conversation/topicItem/TopicItem.jsx  | 11 ++++++-----
 .../conversation/topicItem/TopicItem.styled.js        |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/mobile/src/session/conversation/topicItem/TopicItem.jsx b/app/mobile/src/session/conversation/topicItem/TopicItem.jsx
index 0a51e11c..f2f25e37 100644
--- a/app/mobile/src/session/conversation/topicItem/TopicItem.jsx
+++ b/app/mobile/src/session/conversation/topicItem/TopicItem.jsx
@@ -67,11 +67,12 @@ export function TopicItem({ item }) {
       { state.status === 'confirmed' && (
         <>
           { state.transform === 'complete' && state.assets && (
-            <FlatList style={styles.carousel}
-              data={state.assets}
-              horizontal={true}
-              renderItem={renderThumb}
-            />
+            <FlatList contentContainerStyle={styles.carousel}
+               data={state.assets}
+               horizontal={true}
+               showsHorizontalScrollIndicator={false}
+               renderItem={renderThumb}
+             />
           )}
           { state.transform === 'incomplete' && (
             <View style={styles.status}>
diff --git a/app/mobile/src/session/conversation/topicItem/TopicItem.styled.js b/app/mobile/src/session/conversation/topicItem/TopicItem.styled.js
index 9e52a504..b413a1ab 100644
--- a/app/mobile/src/session/conversation/topicItem/TopicItem.styled.js
+++ b/app/mobile/src/session/conversation/topicItem/TopicItem.styled.js
@@ -25,7 +25,7 @@ export const styles = StyleSheet.create({
   carousel: {
     paddingLeft: 52,
     marginTop: 4,
-    marginBottom: 4, 
+    marginBottom: 4,
   },
   modal: {
     width: '100%',