diff --git a/package-lock.json b/package-lock.json
index 3ee1671..fa1f727 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
         "https-browserify": "^1.0.0",
         "moment": "^2.29.4",
         "ngrx-store-localstorage": "^14",
-        "ngx-avatar": "^4.1.0",
+        "ngx-avatars": "1.4.0",
         "ngx-clipboard": "^14.0.1",
         "ngx-image-cropper": "^3.3.5",
         "ngx-openlayers": "file:dist/ngx-openlayers",
@@ -86,7 +86,7 @@
     },
     "dist/common": {
       "name": "@farmmaps/common",
-      "version": "4.2.0-prerelease.2420",
+      "version": "2.0.0",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -102,7 +102,7 @@
         "angular-oauth2-oidc": ">=13.0.0",
         "bootstrap": ">=4.4.1",
         "moment": ">=2.27.0",
-        "ngx-avatar": ">=4.1.0",
+        "ngx-avatars": ">=1..0",
         "ngx-clipboard": ">=14.0.1",
         "ngx-image-cropper": ">=3.3.5",
         "ngx-uploadx": ">=5.1.0",
@@ -11968,17 +11968,17 @@
         "@ngrx/store": "^14.0.0"
       }
     },
-    "node_modules/ngx-avatar": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/ngx-avatar/-/ngx-avatar-4.1.0.tgz",
-      "integrity": "sha512-0cIaCYOeY7tNsr9Zdg7SmgVG3Yka5mQDvYboybjP4yF47o2XO/rvkRaY98N5wtRF8FL9+OzLXfHbrvYGDGEomQ==",
+    "node_modules/ngx-avatars": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/ngx-avatars/-/ngx-avatars-1.4.0.tgz",
+      "integrity": "sha512-v4MT5BoNybpTNwmLO7RPJT2uDHMvE+aOfZH3AEOefq+p8yOjapTCHQm4bfE1YXg8paQpns6+nu14LqGcK4FDPA==",
       "dependencies": {
-        "ts-md5": "^1.2.4",
-        "tslib": "^2.0.0"
+        "ts-md5": "^1.2.11",
+        "tslib": "^2.4.0"
       },
       "peerDependencies": {
-        "@angular/common": "^11.1.0",
-        "@angular/core": "^11.1.0"
+        "@angular/common": "^14.0.0",
+        "@angular/core": "^14.0.0"
       }
     },
     "node_modules/ngx-clipboard": {
@@ -25895,13 +25895,13 @@
         "tslib": "^2.3.0"
       }
     },
-    "ngx-avatar": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/ngx-avatar/-/ngx-avatar-4.1.0.tgz",
-      "integrity": "sha512-0cIaCYOeY7tNsr9Zdg7SmgVG3Yka5mQDvYboybjP4yF47o2XO/rvkRaY98N5wtRF8FL9+OzLXfHbrvYGDGEomQ==",
+    "ngx-avatars": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/ngx-avatars/-/ngx-avatars-1.4.0.tgz",
+      "integrity": "sha512-v4MT5BoNybpTNwmLO7RPJT2uDHMvE+aOfZH3AEOefq+p8yOjapTCHQm4bfE1YXg8paQpns6+nu14LqGcK4FDPA==",
       "requires": {
-        "ts-md5": "^1.2.4",
-        "tslib": "^2.0.0"
+        "ts-md5": "^1.2.11",
+        "tslib": "^2.4.0"
       }
     },
     "ngx-clipboard": {
diff --git a/package.json b/package.json
index ee1f27e..f495115 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "https-browserify": "^1.0.0",
     "moment": "^2.29.4",
     "ngrx-store-localstorage": "^14",
-    "ngx-avatar": "^4.1.0",
+    "ngx-avatars": "1.4.0",
     "ngx-clipboard": "^14.0.1",
     "ngx-image-cropper": "^3.3.5",
     "ngx-uploadx": "^5.2.0",
diff --git a/projects/common/package-lock.json b/projects/common/package-lock.json
index 9e693f0..cb6a47c 100644
--- a/projects/common/package-lock.json
+++ b/projects/common/package-lock.json
@@ -19,7 +19,7 @@
         "angular-oauth2-oidc": ">=13.0.0",
         "bootstrap": ">=4.4.1",
         "moment": ">=2.27.0",
-        "ngx-avatar": ">=4.1.0",
+        "ngx-avatars": ">=1.5.0",
         "ngx-clipboard": ">=14.0.1",
         "ngx-image-cropper": ">=3.3.5",
         "ngx-uploadx": ">=5.1.0",
diff --git a/projects/common/package.json b/projects/common/package.json
index 2d27d0c..06e9523 100644
--- a/projects/common/package.json
+++ b/projects/common/package.json
@@ -18,7 +18,7 @@
     "ngx-uploadx": ">=5.1.0",
     "angular-oauth2-oidc": ">=13.0.0",
     "moment": ">=2.27.0",
-    "ngx-avatar": ">=4.1.0",
+    "ngx-avatars": "1.4.0",
     "ngx-image-cropper": ">=3.3.5",
     "ngx-clipboard": ">=14.0.1"
   }
diff --git a/projects/common/src/fm/common.module.ts b/projects/common/src/fm/common.module.ts
index a352b6d..3f0ef16 100644
--- a/projects/common/src/fm/common.module.ts
+++ b/projects/common/src/fm/common.module.ts
@@ -68,7 +68,7 @@ import { BackButtonComponent } from './components/back-button/back-button.compon
 import { EditImageModalComponent } from './components/edit-image-modal/edit-image-modal.component';
 import { AvatarComponent } from './components/avatar/avatar.component';
 import { ItemLinkComponent } from './components/item-link/item-link.component';
-import { AvatarModule } from 'ngx-avatar';
+import { AvatarModule } from 'ngx-avatars';
 import { ImageCropperModule } from 'ngx-image-cropper';
 
 export const FM_COMMON_STARTPAGE = new InjectionToken<string>('fm-common-startpage');
diff --git a/projects/common/src/fm/components/avatar/avatar.component.html b/projects/common/src/fm/components/avatar/avatar.component.html
index 5e2d47e..01910bf 100644
--- a/projects/common/src/fm/components/avatar/avatar.component.html
+++ b/projects/common/src/fm/components/avatar/avatar.component.html
@@ -1,10 +1,10 @@
 <span class="avatar-container" [title]="name">
-	<ngx-avatar 
+	<ngx-avatars 
 		class="farmmaps-avatar"
 		[src]="src" 
 		[name]="name" 
 		[size]="size"
 		[round]='true'
 		>
-	</ngx-avatar>
+	</ngx-avatars>
 </span>
\ No newline at end of file