fixed taggs bar and added padding for private accounts

1 files changed, 11 insertions, 15 deletions

diff --git a/src/components/profile/Content.tsx b/src/components/profile/Content.tsx
index cf2b7d28..c9a87ad1 100644
--- a/src/components/profile/Content.tsx
+++ b/src/components/profile/Content.tsx
@@ -128,7 +128,7 @@ const Content: React.FC<ContentProps> = ({y, userXId, screenType}) => {
 
   return (
     <Animated.ScrollView
-      contentContainerStyle={{flexGrow: 1}}
+      contentContainerStyle={styles.contentContainer}
       style={styles.container}
       onScroll={(e) => handleScroll(e)}
       bounces={shouldBounce}
@@ -152,22 +152,14 @@ const Content: React.FC<ContentProps> = ({y, userXId, screenType}) => {
           isBlocked,
         }}
       />
+      <TaggsBar
+        {...{y, profileBodyHeight, userXId, screenType}}
+        whiteRing={undefined}
+      />
       {canViewProfile(state, userXId, screenType) ? (
-        <>
-          <TaggsBar
-            {...{y, profileBodyHeight, userXId, screenType}}
-            whiteRing={undefined}
-          />
-          <PublicProfile {...{y, userXId, screenType}} />
-        </>
+        <PublicProfile {...{y, userXId, screenType}} />
       ) : (
-        <>
-          <TaggsBar
-            {...{y, profileBodyHeight, userXId, screenType}}
-            whiteRing={undefined}
-          />
-          <PrivateProfile />
-        </>
+        <PrivateProfile />
       )}
     </Animated.ScrollView>
   );
@@ -178,6 +170,10 @@ const styles = StyleSheet.create({
     backgroundColor: '#fff',
     flex: 1,
   },
+  contentContainer: {
+    flexGrow: 1,
+    paddingBottom: SCREEN_HEIGHT * 0.1,
+  },
 });
 
 export default Content;