diff --git a/src/components/AttachmentView.js b/src/components/AttachmentView.js
index ac0ba78936b..46a79360278 100755
--- a/src/components/AttachmentView.js
+++ b/src/components/AttachmentView.js
@@ -62,7 +62,7 @@ const AttachmentView = (props) => {
             <View style={styles.mr2}>
                 <Icon src={Expensicons.Paperclip} />
             </View>
-            <Text style={[styles.textStrong, styles.flexShrink1]}>{props.file && props.file.name}</Text>
+            <Text style={[styles.textStrong, styles.flexShrink1, styles.breakAll, styles.flexWrap, styles.mw100]}>{props.file && props.file.name}</Text>
             {props.shouldShowDownloadIcon && (
                 <View style={styles.ml2}>
                     <Tooltip text={props.translate('common.download')}>
diff --git a/src/styles/utilities/wordBreak/index.js b/src/styles/utilities/wordBreak/index.js
index 1d606965b84..dde8d148499 100644
--- a/src/styles/utilities/wordBreak/index.js
+++ b/src/styles/utilities/wordBreak/index.js
@@ -2,4 +2,7 @@ export default {
     breakWord: {
         wordBreak: 'break-word',
     },
+    breakAll: {
+        wordBreak: 'break-all',
+    },
 };