diff --git a/src/components/quickReplyModal/quickReplyModalStyles.ts b/src/components/quickReplyModal/quickReplyModalStyles.ts
index 1a534e7b8..6c2c3417b 100644
--- a/src/components/quickReplyModal/quickReplyModalStyles.ts
+++ b/src/components/quickReplyModal/quickReplyModalStyles.ts
@@ -1,4 +1,5 @@
 import EStyleSheet from 'react-native-extended-stylesheet';
+import { getBottomSpace } from 'react-native-iphone-x-helper';
 
 export default EStyleSheet.create({
   sheetContent: {
@@ -14,6 +15,7 @@ export default EStyleSheet.create({
   },
   modalContainer: {
     // paddingVertical: 4,
+    paddingBottom:getBottomSpace()
   },
 
 
@@ -30,7 +32,10 @@ export default EStyleSheet.create({
     color: '$primaryBlack',
   },
   summaryStyle:{
-    fontSize:12,
+    fontSize:16,
+    paddingHorizontal:16,
+    color: '$primaryBlack',
+    fontWeight: '500',
   },
   inputContainer: {
     paddingHorizontal: 16,
diff --git a/src/components/quickReplyModal/quickReplyModalView.tsx b/src/components/quickReplyModal/quickReplyModalView.tsx
index e0df5dd3c..8716d1ec7 100644
--- a/src/components/quickReplyModal/quickReplyModalView.tsx
+++ b/src/components/quickReplyModal/quickReplyModalView.tsx
@@ -190,7 +190,7 @@ const QuickReplyModal = ({ fetchPost }: QuickReplyModalProps, ref) => {
 
   const _renderSummary = () => (
     <TouchableOpacity onPress={() => _handleOnSummaryPress()}>
-      <SummaryArea style={styles.summaryStyle} summary={headerText} />
+      <Text numberOfLines={2} style={styles.summaryStyle} >{headerText}</Text>
     </TouchableOpacity>
   );