Fix sheet height

Author: antonis

packages/core/src/js/feedback/FeedbackForm.styles.ts

@@ -80,16 +80,15 @@ const defaultStyles: FeedbackFormStyles = {
   modalBackground: {
     flex: 1,
     justifyContent: 'flex-end',
-    backgroundColor: 'rgba(0, 0, 0, 0.8)',
+    backgroundColor: 'rgba(0, 0, 0, 0.9)',
   },
   modalSheetContainer: {
     backgroundColor: BACKROUND_COLOR,
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16,
     padding: 16,
-    marginBottom: -32,
     alignSelf: 'stretch',
-    height: '100%',
+    height: '92%',
     shadowColor: '#000',
     shadowOffset: { width: 0, height: -3 },
     shadowOpacity: 0.1,

packages/core/src/js/feedback/FeedbackFormManager.tsx

@@ -1,6 +1,6 @@
 import { logger } from '@sentry/core';
 import * as React from 'react';
-import { Modal, SafeAreaView, View } from 'react-native';
+import { Modal, View } from 'react-native';
 
 import { FeedbackForm } from './FeedbackForm';
 import defaultStyles from './FeedbackForm.styles';
@@ -70,14 +70,14 @@ class FeedbackFormProvider extends React.Component<FeedbackFormProviderProps> {
         {isVisible && (
           <View>
             <Modal visible={isVisible} transparent animationType="slide" onRequestClose={this._handleClose} testID="feedback-form-modal">
-              <SafeAreaView style={styles.modalBackground}>
+              <View style={styles.modalBackground}>
                 <View style={styles.modalSheetContainer}>
                   <FeedbackForm {...getFeedbackOptions()}
                     onFormClose={this._handleClose}
                     onFormSubmitted={this._handleClose}
                     />
                 </View>
-              </SafeAreaView>
+              </View>
             </Modal>
           </View>
         )}