updated UserRibbon container styling in boost screen

src/screens/boost/screen/boostScreen.js

@@ -12,7 +12,7 @@ import { InAppPurchaseContainer } from '../../../containers';
 // Styles
 import globalStyles from '../../../globalStyles';
 import UserRibbon from '../../../components/userRibbon/userRibbon';
-import styles from '../../editor/children/styles';
+import styles from './styles';
 
 const ITEM_SKUS = Platform.select({
   ios: ['099points', '199points', '499points', '999points', '4999points', '9999points'],
@@ -49,7 +49,7 @@ const BoostScreen = ({ navigation }) => {
           {isLoading ? (
             <BoostPlaceHolder />
           ) : (
-            <ScrollView>
+            <ScrollView contentContainerStyle={styles.listContainer}>
               {productList.map((product) => (
                 <ProductItemLine
                   key={get(product, 'title')}

src/screens/boost/screen/styles.ts

@@ -0,0 +1,15 @@
+import { ViewStyle } from 'react-native';
+import EStyleSheet from 'react-native-extended-stylesheet';
+
+export default EStyleSheet.create({
+    userRibbonContainer: {
+        borderBottomWidth: EStyleSheet.hairlineWidth,
+        borderColor: '$darkGrayBackground',
+        marginBottom: 0, //without 0 margin, view will start overlapping UserRibbon
+        paddingBottom: 32
+    } as ViewStyle,
+
+    listContainer: {
+        paddingTop: 16
+    } as ViewStyle
+});

src/screens/editor/children/styles.ts

@@ -55,8 +55,5 @@ export default EStyleSheet.create({
     doneButton:{borderRadius:16, backgroundColor:'$primaryBlue'},
     thumbSelectContainer:{
       marginTop:12,
-    },
+    }
-    userRibbonContainer:{
-      marginBottom: 12,
-    } as ViewStyle,
 });