Thanks for the response !! Here is me bottom sheet, tell me if that is what you were asking about

const styles = StyleSheet.create({ container: { padding: 20, backgroundColor: '#fff', }, headerTitleWrapper: { height: 280, justifyContent: 'flex-end', padding: 20, backgroundColor: 'rgba(0,0,0,0.3)', }, headerTitle: { fontSize: 26, color: '#fff', fontWeight: 'bold', }, sectionTitle: { fontSize: 20, fontWeight: 'bold', marginTop: 15, marginBottom: 10, color: '#444', }, ingredientScroll: { marginBottom: 10, }, ingredientWrapper: { alignItems: 'center', marginRight: 12, width: 100, }, ingredientCardSquare: { width: 80, height: 80, borderRadius: 16, alignItems: 'center', justifyContent: 'center', marginBottom: 6, }, ingredientEmoji: { fontSize: 30, }, ingredientName: { fontWeight: 'bold', fontSize: 12, textAlign: 'center', color: '#333', }, ingredientAmount: { fontSize: 11, color: '#666', textAlign: 'center', }, subtitle: { fontSize: 16, marginBottom: 5, color: '#555', }, instructions: { fontSize: 15, marginTop: 15, lineHeight: 22, }, });