diff --git a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
index eba85c7581..79f362441a 100644
--- a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
@@ -31,7 +31,7 @@
 <!-- Pagination toolbar end -->
 
 <!-- Command toolbar start -->
-<div id="viewer-toolbar-command" class="viewer-toolbar-command mdl-cell--hide-tablet mdl-cell--hide-phone">
+<div id="viewer-toolbar-command" class="viewer-toolbar-command">
     <div id="viewer-scale-page-button" class="button-page left" (click)="pageFit()">
         <i class="icon material-icons">zoom_out_map</i>
     </div>
diff --git a/ng2-components/ng2-alfresco-viewer/src/viewer.component.html b/ng2-components/ng2-alfresco-viewer/src/viewer.component.html
index 7146bb54f3..2984a00758 100644
--- a/ng2-components/ng2-alfresco-viewer/src/viewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/viewer.component.html
@@ -6,7 +6,7 @@
     <div id="viewer-main-container" class="viewer-main-container" [ngClass]="{'viewer-overlay-view': overlayMode }" >
 
         <!-- Start Layout -->
-        <div  mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
+        <div  mdl [ngClass]="{'mdl-layout mdl-js-layout mdl-layout--fixed-header': overlayMode }" >
             <header  *ngIf="overlayMode" class="mdl-layout__header">
                 <div class="mdl-layout__header-row">