diff --git a/app/components/file_attachment_list/file_attachment.js b/app/components/file_attachment_list/file_attachment.js
index 4c3378713..737e0e8bc 100644
--- a/app/components/file_attachment_list/file_attachment.js
+++ b/app/components/file_attachment_list/file_attachment.js
@@ -66,13 +66,13 @@ export default class FileAttachment extends PureComponent {
         const {deviceWidth, file, onInfoPress, theme, navigator} = this.props;
         const style = getStyleSheet(theme);
 
-        let mime = file.mime_type;
+        let mime = file.mime_type || file.type;
         if (mime && mime.includes(';')) {
             mime = mime.split(';')[0];
         }
 
         let fileAttachmentComponent;
-        if (file.has_preview_image || file.loading || file.mime_type === 'image/gif') {
+        if (file.has_preview_image || file.loading || mime === 'image/gif') {
             fileAttachmentComponent = (
                 <TouchableOpacity onPress={this.handlePreviewPress}>
                     <FileAttachmentImage
diff --git a/app/components/file_attachment_list/file_attachment_document.js b/app/components/file_attachment_list/file_attachment_document.js
index 604b5d7e5..5e3cc9ce1 100644
--- a/app/components/file_attachment_list/file_attachment_document.js
+++ b/app/components/file_attachment_list/file_attachment_document.js
@@ -24,19 +24,27 @@ import FileAttachmentIcon from './file_attachment_icon';
 
 const {DOCUMENTS_PATH} = DeviceTypes;
 export const SUPPORTED_DOCS_FORMAT = [
-    'application/pdf',
+    'application/json',
     'application/msword',
+    'application/pdf',
     'application/rtf',
     'application/vnd.ms-excel',
     'application/vnd.ms-powerpoint',
     'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
     'application/vnd.openxmlformats-officedocument.presentationml.presentation',
     'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    'application/x-x509-ca-cert',
     'application/xml',
     'text/csv',
     'text/plain',
 ];
 
+const TEXT_PREVIEW_FORMATS = [
+    'application/json',
+    'application/x-x509-ca-cert',
+    'text/plain',
+];
+
 export default class FileAttachmentDocument extends PureComponent {
     static propTypes = {
         iconHeight: PropTypes.number,
@@ -109,7 +117,7 @@ export default class FileAttachmentDocument extends PureComponent {
 
             const mime = file.mime_type.split(';')[0];
             let openDocument = this.openDocument;
-            if (mime === 'text/plain') {
+            if (TEXT_PREVIEW_FORMATS.includes(mime)) {
                 openDocument = this.previewTextFile;
             }
 
diff --git a/app/screens/code/code.js b/app/screens/code/code.js
index 30648df68..3a98bd048 100644
--- a/app/screens/code/code.js
+++ b/app/screens/code/code.js
@@ -4,9 +4,11 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import {
+    Platform,
     ScrollView,
     StyleSheet,
     Text,
+    TextInput,
     View,
 } from 'react-native';
 
@@ -48,6 +50,27 @@ export default class Code extends React.PureComponent {
             lineNumbersStyle = style.lineNumbers;
         }
 
+        let textComponent;
+        if (Platform.OS === 'ios') {
+            textComponent = (
+                <TextInput
+                    editable={false}
+                    multiline={true}
+                    value={this.props.content}
+                    style={[style.codeText]}
+                />
+            );
+        } else {
+            textComponent = (
+                <Text
+                    selectable={true}
+                    style={style.codeText}
+                >
+                    {this.props.content}
+                </Text>
+            );
+        }
+
         return (
             <ScrollView
                 style={style.scrollContainer}
@@ -63,9 +86,7 @@ export default class Code extends React.PureComponent {
                     contentContainerStyle={style.code}
                     horizontal={true}
                 >
-                    <Text style={style.codeText}>
-                        {this.props.content}
-                    </Text>
+                    {textComponent}
                 </ScrollView>
             </ScrollView>
         );
@@ -106,13 +127,26 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
         },
         code: {
             paddingHorizontal: 6,
-            paddingVertical: 4,
+            ...Platform.select({
+                android: {
+                    paddingVertical: 4,
+                },
+                ios: {
+                    top: -4,
+                },
+            }),
         },
         codeText: {
             color: changeOpacity(theme.centerChannelColor, 0.65),
             fontFamily: getCodeFont(),
             fontSize: 12,
             lineHeight: 18,
+            ...Platform.select({
+                ios: {
+                    margin: 0,
+                    padding: 0,
+                },
+            }),
         },
     };
 });
diff --git a/app/screens/text_preview/text_preview.js b/app/screens/text_preview/text_preview.js
index 600e27ae3..5a662574d 100644
--- a/app/screens/text_preview/text_preview.js
+++ b/app/screens/text_preview/text_preview.js
@@ -4,9 +4,11 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import {
+    Platform,
     ScrollView,
     StyleSheet,
     Text,
+    TextInput,
     View,
 } from 'react-native';
 
@@ -48,6 +50,27 @@ export default class TextPreview extends React.PureComponent {
             lineNumbersStyle = style.lineNumbers;
         }
 
+        let textComponent;
+        if (Platform.OS === 'ios') {
+            textComponent = (
+                <TextInput
+                    editable={false}
+                    multiline={true}
+                    value={this.props.content}
+                    style={[style.codeText]}
+                />
+            );
+        } else {
+            textComponent = (
+                <Text
+                    selectable={true}
+                    style={style.codeText}
+                >
+                    {this.props.content}
+                </Text>
+            );
+        }
+
         return (
             <ScrollView
                 style={style.scrollContainer}
@@ -63,12 +86,7 @@ export default class TextPreview extends React.PureComponent {
                     horizontal={true}
                     contentContainerStyle={style.code}
                 >
-                    <Text
-                        style={style.codeText}
-                        selectable={true}
-                    >
-                        {this.props.content}
-                    </Text>
+                    {textComponent}
                 </ScrollView>
             </ScrollView>
         );
@@ -110,13 +128,26 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
         },
         code: {
             paddingHorizontal: 6,
-            paddingVertical: 4,
+            ...Platform.select({
+                android: {
+                    paddingVertical: 4,
+                },
+                ios: {
+                    top: -4,
+                },
+            }),
         },
         codeText: {
             color: changeOpacity(theme.centerChannelColor, 0.65),
             fontFamily: getCodeFont(),
             fontSize: 12,
             lineHeight: 18,
+            ...Platform.select({
+                ios: {
+                    margin: 0,
+                    padding: 0,
+                },
+            }),
         },
     };
 });