diff --git a/demo-shell/src/app/components/app-layout/app-layout.component.scss b/demo-shell/src/app/components/app-layout/app-layout.component.scss
index 00426b723c..540418b5e9 100644
--- a/demo-shell/src/app/components/app-layout/app-layout.component.scss
+++ b/demo-shell/src/app/components/app-layout/app-layout.component.scss
@@ -43,10 +43,6 @@
     }
 
     @media screen and ($mat-small) {
-        .adf-userinfo-name {
-            display: none;
-        }
-
         .app-menu {
             padding-top: 0;
         }
diff --git a/lib/core/userinfo/components/user-info.component.scss b/lib/core/userinfo/components/user-info.component.scss
index d7b088850f..107bf5abdd 100644
--- a/lib/core/userinfo/components/user-info.component.scss
+++ b/lib/core/userinfo/components/user-info.component.scss
@@ -20,6 +20,10 @@
 
         &-userinfo-name {
             padding: 0 5px;
+
+            @media screen and ($mat-small) {
+                display: none;
+            }
         }
 
         &-userinfo-pic {