diff --git a/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.css b/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.css
index 3b15d30246..540d4cc8fa 100644
--- a/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.css
+++ b/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.css
@@ -16,3 +16,7 @@
     align-items: center;
     justify-content: center;
 }
+
+.full_width{
+    width :100% !important;
+}
diff --git a/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.html b/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.html
index 8affda71b4..0fd7a550cd 100644
--- a/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.html
@@ -1,10 +1,10 @@
 <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">
+        <div class="viewer-download-text mdl-card__supporting-text full_width">
             <h4>File <span>{{nameFile}}</span> is an unsupported format</h4>
         </div>
         <div class="center-element mdl-card__actions">
-            <button id="viewer-download-button" class="viewer-margin center-element mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" (click)="download()">
+            <button id="viewer-download-button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" (click)="download()">
                 <i class="viewer-margin-cloud-download material-icons">cloud_download</i>   Download
             </button>
         </div>