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 2b545e76bc..545ba1be00 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
@@ -1,25 +1,51 @@
 @mixin mat-info-drawer-theme($theme) {
+    $primary: map-get($theme, primary);
     $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+    $adf-info-drawer-layout-background-color: mat-color($background, background) !default;
+    $adf-info-drawer-layout-title-color: mat-color($foreground, text, .54) !default;
+    $adf-info-drawer-layout-title-font-size: 20px !default;
 
     .adf {
         &-info-drawer-layout {
             width: 100%;
             display: block;
-            padding: 8px 0;
-            background-color: mat-color($background, dialog);
+            background-color: $adf-info-drawer-layout-background-color;
             box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
 
+            & .mat-tab-label {
+                font-weight: bold;
+                text-align: left;
+                color: mat-color($primary);
+            }
+
             &-header {
-                padding: 8px 24px 24px 24px;
+                padding: 13px 0px 0px 23px;
                 display: flex;
                 justify-content: space-between;
-                font-size: 20px;
+                margin-bottom: 40px;
 
                 &-buttons {
                     mat-icon {
                         cursor: pointer;
                     }
                 }
+
+                &-title {
+                    width: 197px;
+                    height: 32px;
+                    font-size: $adf-info-drawer-layout-title-font-size;
+                    line-height: 1.6;
+                    letter-spacing: -0.5px;
+                    text-align: left;
+                    color: $adf-info-drawer-layout-title-color;
+
+                    & > div {
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                    }
+                }
             }
 
             &-content {