diff --git a/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.css b/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.css
index 540d4cc8fa..4dd06b5211 100644
--- a/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.css
+++ b/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.css
@@ -1,6 +1,7 @@
 
 .viewer-download-text  {
     text-align: center;
+    word-wrap: break-word;
 }
 
 .viewer-margin-cloud-download{
@@ -18,5 +19,5 @@
 }
 
 .full_width{
-    width :100% !important;
+    width :95% !important;
 }
diff --git a/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.html b/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.html
index 10436b9257..a0171264fe 100644
--- a/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.html
@@ -1,6 +1,6 @@
 <section class="section--center mdl-grid mdl-grid--no-spacing">
     <div class="viewer-margin mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-shadow--2dp">
-        <div class="viewer-download-text mdl-card__supporting-text full_width">
+        <div class="viewer-download-text mdl-card__supporting-text viewer-margin">
             <h4>File '<span>{{nameFile}}</span>' is of an unsupported format</h4>
         </div>
         <div class="center-element mdl-card__actions">