projects/common/src/fm/components/avatar/avatar.component.css

@@ -1,7 +1,6 @@
 .avatar-container {
     position: relative;
 }
-
 .avatar-text {
     position: absolute;
     top: 25px;
@@ -12,7 +11,3 @@
     padding-left: 20px;
     padding-right: 20px;
 }
-
-.farmmaps-avatar /deep/ .avatar-content {
-    vertical-align: top;
-}

projects/common/src/fm/components/avatar/avatar.component.html

@@ -1,6 +1,5 @@
 <span class="avatar-container" [title]="name">
 	<ngx-avatar 
-		class="farmmaps-avatar"
 		[src]="src" 
 		[name]="name" 
 		[size]="size"

projects/common/src/fm/components/avatar/avatar.component.ts

@@ -5,7 +5,7 @@ import { AppConfig } from '../../shared/app.config';
 @Component({
   selector: 'fm-avatar',
   templateUrl: './avatar.component.html',
-  styleUrls: ['./avatar.component.scss']
+  styleUrls: ['./avatar.component.css']
 })
 export class AvatarComponent implements OnInit {