diff --git a/packages/geo/src/lib/catalog/catalog-browser/catalog-browser.component.ts b/packages/geo/src/lib/catalog/catalog-browser/catalog-browser.component.ts
index c033043511..d8c319bf6d 100644
--- a/packages/geo/src/lib/catalog/catalog-browser/catalog-browser.component.ts
+++ b/packages/geo/src/lib/catalog/catalog-browser/catalog-browser.component.ts
@@ -175,20 +175,50 @@ export class CatalogBrowserComponent implements OnInit, OnDestroy {
     });
   }
 
+  /**
+   * Sort the layers by title. asc or desc.
+   * @internal
+   */
+  private sortCatalogItemsByTitle(items: CatalogItem[], direction) {
+    const returnItem = items.sort((a, b) => {
+      const titleA = a.title.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+      const titleB = b.title.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+
+      if (titleA < titleB) {
+        return -1;
+      }
+      if (titleA > titleB) {
+        return 1;
+      }
+      return 0;
+    });
+    switch (direction) {
+      case 'asc':
+        return returnItem;
+      case 'desc':
+        return returnItem.reverse();
+      default:
+        return items;
+    }
+  }
+
   /**
    * Add all the layers of a group to map
    * @param group Catalog group
    */
   private addGroupToMap(group: CatalogItemGroup) {
-    const layers = group.items.filter((item: CatalogItem) => {
+    let layers = group.items.filter((item: CatalogItem) => {
       const added = this.store.state.get(item).added || false;
       return this.isLayer(item) && added === false;
     });
+    if (this.catalog && this.catalog.sortDirection !== undefined) {
+      layers = this.sortCatalogItemsByTitle(layers, this.catalog.sortDirection);
+  }
     this.addLayersToMap(layers.reverse() as CatalogItemLayer[]);
   }
 
   /**
-   * Remove all the layers of a groufrom map
+   * Remove all the layers of a group from map
    * @param group Catalog group
    */
   private removeGroupFromMap(group: CatalogItemGroup) {
diff --git a/packages/geo/src/lib/search/shared/sources/icherche.interfaces.ts b/packages/geo/src/lib/search/shared/sources/icherche.interfaces.ts
index 7ac43141ba..ddb2870adc 100644
--- a/packages/geo/src/lib/search/shared/sources/icherche.interfaces.ts
+++ b/packages/geo/src/lib/search/shared/sources/icherche.interfaces.ts
@@ -5,7 +5,7 @@ export interface IChercheData {
   geometry: FeatureGeometry;
   bbox: [number, number, number, number];
   properties: { [key: string]: any };
-  icon?: string
+  icon?: string;
   highlight: {
     title: string;
     title2?: string;
@@ -20,7 +20,7 @@ export interface IChercheResponse {
 export interface IChercheReverseData {
   geometry: FeatureGeometry;
   bbox: [number, number, number, number];
-  icon?: string
+  icon?: string;
   properties: { [key: string]: any };
 }