diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.html b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.html
index 2edf1e4521..91e481c2f6 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.html
@@ -19,7 +19,10 @@
         </div>
     </div>
 
-    <div class="adf-task-details-core">
+    <div class="adf-task-details-core"
+    fxLayout
+    fxLayout.lt-lg="column"
+    fxLayoutGap.lt-lg="0px">
 
         <div class="adf-task-details-core-form">
             <div *ngIf="isAssigned()">
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.scss
index 2f325626f6..5372638a3d 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.scss
@@ -65,6 +65,10 @@ adf-task-header.assign-edit-view ::ng-deep adf-card-view ::ng-deep .adf-property
         &-sidebar {
             &-drawer {
                 margin-left: 10px;
+
+                @media screen and (max-width: 1279px) {
+                    margin-left: 0px;
+                }
             }
 
             &-checklist {
diff --git a/ng2-components/ng2-alfresco-core/src/components/info-drawer/info-drawer-layout.component.scss b/ng2-components/ng2-alfresco-core/src/components/info-drawer/info-drawer-layout.component.scss
index cb27ff8e21..2b545e76bc 100644
--- a/ng2-components/ng2-alfresco-core/src/components/info-drawer/info-drawer-layout.component.scss
+++ b/ng2-components/ng2-alfresco-core/src/components/info-drawer/info-drawer-layout.component.scss
@@ -3,7 +3,7 @@
 
     .adf {
         &-info-drawer-layout {
-            width: 350px;
+            width: 100%;
             display: block;
             padding: 8px 0;
             background-color: mat-color($background, dialog);
@@ -36,4 +36,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss b/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss
index b66202fa05..1e9efdc01a 100644
--- a/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss
+++ b/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss
@@ -35,11 +35,11 @@
                 flex-wrap: wrap;
                 padding-bottom: 24px;
                 padding-top: 8px;
+                justify-content: space-between;
             }
 
             &__range-block.adf-pagination__block:first-child {
                 order: 1;
-                width: 50%;
                 flex: 0 0 auto;
                 box-sizing: border-box;
                 padding-left: 16px;
@@ -48,7 +48,6 @@
 
             &__perpage-block {
                 order: 3;
-                width: 50%;
                 box-sizing: border-box;
                 padding-left: 16px;
                 justify-content: flex-start;
@@ -56,7 +55,6 @@
 
             &__actualinfo-block {
                 order: 2;
-                width: 50%;
                 box-sizing: border-box;
                 padding-right: 16px;
                 justify-content: flex-end;
@@ -64,7 +62,6 @@
 
             &__controls-block {
                 order: 4;
-                width: 50%;
                 box-sizing: border-box;
                 padding-right: 16px;
                 justify-content: flex-end;