diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.html b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.html
index 3f71cbacd8..7f0a5b0955 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.html
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.html
@@ -48,6 +48,7 @@
 
 <adf-pagination
     *ngIf="isPaginationEnabled()"
+    class="adf-documentlist-pagination"
     (changePageSize)="onChangePageSize($event)"
     (nextPage)="onNextPage($event)"
     (prevPage)="onPrevPage($event)"
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.css b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
similarity index 91%
rename from ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.css
rename to ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
index fac54f630d..f1017d87bc 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.css
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
@@ -60,7 +60,7 @@
     height: 100%;
 }
 
-adf-empty-list-header >>>>div {
+adf-empty-list-header >>> div {
     height: 32px;
     opacity: 0.26 !important;
     font-family: Muli, Helvetica, Arial, sans-serif;
@@ -68,4 +68,12 @@ adf-empty-list-header >>>>div {
     line-height: 1.33;
     letter-spacing: -1px;
     color: #000000;
+}
+
+.adf-documentlist-pagination {
+    color: black;
+
+    .adf-pagination__block {
+        border-right: none;
+    }
 }
\ No newline at end of file
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.ts b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.ts
index ff5014f62e..6a8278bd96 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.ts
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.ts
@@ -17,7 +17,7 @@
 
 import {
     AfterContentInit, Component, ContentChild, ElementRef, EventEmitter, HostListener, Input, NgZone,
-    OnChanges, OnInit, Output, SimpleChanges, TemplateRef, ViewChild
+    OnChanges, OnInit, Output, SimpleChanges, TemplateRef, ViewChild, ViewEncapsulation
 } from '@angular/core';
 import { MinimalNodeEntity, MinimalNodeEntryEntity, NodePaging, Pagination, PersonEntry } from 'alfresco-js-api';
 import { AlfrescoApiService, DataColumnListComponent } from 'ng2-alfresco-core';
@@ -33,8 +33,9 @@ declare var require: any;
 
 @Component({
     selector: 'adf-document-list, alfresco-document-list',
-    styleUrls: ['./document-list.component.css'],
-    templateUrl: './document-list.component.html'
+    styleUrls: ['./document-list.component.scss'],
+    templateUrl: './document-list.component.html',
+    encapsulation: ViewEncapsulation.None
 })
 export class DocumentListComponent implements OnInit, OnChanges, AfterContentInit {
 
diff --git a/ng2-components/ng2-alfresco-documentlist/src/services/node-actions.service.ts b/ng2-components/ng2-alfresco-documentlist/src/services/node-actions.service.ts
index 8874cae7a3..356c3a48b8 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/services/node-actions.service.ts
+++ b/ng2-components/ng2-alfresco-documentlist/src/services/node-actions.service.ts
@@ -92,7 +92,7 @@ export class NodeActionsService {
                 select: new EventEmitter<MinimalNodeEntryEntity[]>()
             };
 
-            this.dialog.open(ContentNodeSelectorComponent, { data, panelClass: 'adf-content-node-selector-dialog', width: '576px' });
+            this.dialog.open(ContentNodeSelectorComponent, { data, panelClass: 'adf-content-node-selector-dialog', width: '630px' });
 
             data.select.subscribe((selections: MinimalNodeEntryEntity[]) => {
                 const selection = selections[0];