diff --git a/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss b/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss
index 12492c210f..48df4cbcfa 100644
--- a/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss
+++ b/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss
@@ -1,3 +1,5 @@
+@import '~@angular/material/theming';
+
 @mixin mat-userinfo-theme($theme) {
     $primary: map-get($theme, primary);
     $accent: map-get($theme, accent);
@@ -60,6 +62,7 @@
         &-userinfo-tab .mat-tab-header {
             align-self: center;
             width: 100%;
+            min-width: 250px;
         }
 
         &-userinfo-tab .mat-tab-label {
@@ -96,6 +99,10 @@
             column-count: 2;
             display: flex;
             justify-content: space-between;
+
+            @media screen and ($mat-xsmall) {
+                padding: 10px;
+            }
         }
 
         &-userinfo-title {