diff --git a/demo-shell/src/app/components/app-layout/app-layout.component.html b/demo-shell/src/app/components/app-layout/app-layout.component.html
index 74cc94a887..36c6cbd6d0 100644
--- a/demo-shell/src/app/components/app-layout/app-layout.component.html
+++ b/demo-shell/src/app/components/app-layout/app-layout.component.html
@@ -1,5 +1,5 @@
 
-<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="600" [hideSidenav]="false" [expandedSidenav]="false">
+<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="false" [expandedSidenav]="false">
 
     <adf-sidenav-layout-header>
         <ng-template let-toggleMenu="toggleMenu">
diff --git a/demo-shell/src/app/components/files/files.component.scss b/demo-shell/src/app/components/files/files.component.scss
index 6732d8f270..fc556620ce 100644
--- a/demo-shell/src/app/components/files/files.component.scss
+++ b/demo-shell/src/app/components/files/files.component.scss
@@ -1,5 +1,5 @@
 @mixin adf-file-component-theme($theme) {
-    $minimumDocumentListWidth: 425px;
+    $minimumDocumentListWidth: 900px;
     $foreground: map-get($theme, foreground);
 
     .container {
@@ -137,11 +137,19 @@
         }
     }
 
-    @media (max-width: $minimumDocumentListWidth) {
-        adf-document-list ::ng-deep adf-datatable {
-            & ::ng-deep .adf-data-table-cell--fileSize {
+    @media (max-device-width: $minimumDocumentListWidth) {
+        adf-document-list .adf-data-table {
+            .adf-data-table-cell,
+            .adf-datatable-table-cell-header {
                 display: none;
             }
+    
+            .adf-data-table-cell:first-child,
+            .adf-datatable-table-cell-header:first-child,
+            .adf-data-table-cell:nth-child(2),
+            .adf-datatable-table-cell-header:nth-child(2) {
+                display: table-cell;
+            }                 
         }
 
         .adf-site-container-style {
@@ -161,4 +169,14 @@
             }
         }
     }
+
+    @media (max-device-width: 1024px) {
+        adf-document-list .adf-data-table {
+    
+            .adf-data-table-cell:nth-child(4),
+            .adf-datatable-table-cell-header:nth-child(4) {
+                display: none;
+            }                 
+        }
+    }    
 }