2 files changed, 13 insertions, 16 deletions
diff --git a/src/components/comments/AddComment.tsx b/src/components/comments/AddComment.tsx
index fd7d819a..8a4ec082 100644
--- a/src/components/comments/AddComment.tsx
+++ b/src/components/comments/AddComment.tsx
@@ -13,11 +13,10 @@ import {CommentContext} from '../../screens/profile/MomentCommentsScreen';
 import {postComment} from '../../services';
 import {updateReplyPosted} from '../../store/actions';
 import {CommentThreadType, CommentType} from '../../types';
-import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
+import {SCREEN_HEIGHT, SCREEN_WIDTH, normalize} from '../../utils';
 import {mentionPartTypes} from '../../utils/comments';
 import {CommentTextField} from './CommentTextField';
 import MentionInputControlled from './MentionInputControlled';
-import {normalize} from 'react-native-elements';
 
 export interface AddCommentProps {
   momentId: string;
@@ -169,11 +168,10 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
     margin: '3%',
     borderRadius: 25,
-    height: normalize(40),
+    height: normalize(45),
   },
   text: {
     flex: 1,
-    // padding: '1%',
     maxHeight: 100,
   },
   avatar: {
diff --git a/src/components/comments/CommentTextField.tsx b/src/components/comments/CommentTextField.tsx
index a3a14ec8..6e92329c 100644
--- a/src/components/comments/CommentTextField.tsx
+++ b/src/components/comments/CommentTextField.tsx
@@ -23,7 +23,7 @@ import {
   isMentionPartType,
 } from 'react-native-controlled-mentions/dist/utils';
 import {Avatar} from '../common';
-import {normalize} from 'react-native-elements';
+import {normalize} from '../../utils';
 
 import UpArrowIcon from '../../assets/icons/up_arrow.svg';
 
@@ -115,16 +115,15 @@ const CommentTextField: FC<CommentTextFieldProps> = ({
         )}
       </View>
 
-      {validateInput(keyboardText)
-        ? (
-            partTypes.filter(
-              (one) =>
-                isMentionPartType(one) &&
-                one.renderSuggestions != null &&
-                one.isBottomMentionSuggestionsRender,
-            ) as MentionPartType[]
-          ).map(renderMentionSuggestions)
-        : null}
+      {validateInput(keyboardText) &&
+        (
+          partTypes.filter(
+            (one) =>
+              isMentionPartType(one) &&
+              one.renderSuggestions != null &&
+              one.isBottomMentionSuggestionsRender,
+          ) as MentionPartType[]
+        ).map(renderMentionSuggestions)}
     </View>
   );
 };
@@ -143,7 +142,7 @@ const styles = StyleSheet.create({
     alignSelf: 'center',
     alignItems: 'center',
     justifyContent: 'center',
-    height: normalize(40),
+    height: normalize(45),
   },
   greyButton: {
     backgroundColor: 'grey',