$mat-card-header-size: 30px !default; .my-mat-card-avatar { height: $mat-card-header-size; width: $mat-card-header-size; border-radius: 50%; flex-shrink: 0; margin-right: 7px; } .nav-list-item { // margin-top: 20px; } .login { margin-top: 15px !important; } .login-label { text-transform: uppercase; } .firstSubtitle { margin-top: 20px; } .icon-mask { color: #6b6b6b; transform: translate(-8px, 8px); } .active a{ font-weight: 700; } .active a i{ color: #23BCBA; } mat-list-item { display: flex !important; height: auto !important; } ::ng-deep .mat-list-item-content { width: 100% !important; }