diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 532b50b..24f4423 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -2,12 +2,12 @@
   <section
     class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center ps-2">
-      <button class="button-only-icon mr-0" (click)="changeModeList()">
-        <ion-icon name="grid-outline"></ion-icon>
+    <div class="d-flex align-items-center ps-2">
+      <button class="button-only-icon mr-0 d-flex align-items-center" (click)="changeModeList()">
+        <ion-icon class="icon-grid" name="grid-outline"></ion-icon>
       </button>
-      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
-        <ion-icon name="menu-outline"></ion-icon>
+      <button class="button-only-icon ml-0 d-flex align-items-center" (click)="changeModeSlide()">
+        <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>

diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 532b50b..24f4423 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -2,12 +2,12 @@
   <section
     class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center ps-2">
-      <button class="button-only-icon mr-0" (click)="changeModeList()">
-        <ion-icon name="grid-outline"></ion-icon>
+    <div class="d-flex align-items-center ps-2">
+      <button class="button-only-icon mr-0 d-flex align-items-center" (click)="changeModeList()">
+        <ion-icon class="icon-grid" name="grid-outline"></ion-icon>
       </button>
-      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
-        <ion-icon name="menu-outline"></ion-icon>
+      <button class="button-only-icon ml-0 d-flex align-items-center" (click)="changeModeSlide()">
+        <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index 02ab10c..b111960 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -7,4 +7,12 @@
 
 .sites__header-sites div{
     width:auto;
+}
+
+.icon-grid {
+    font-size: 25px;
+}
+
+.icon-menu{
+    font-size: 26px;
 }
\ No newline at end of file

diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 532b50b..24f4423 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -2,12 +2,12 @@
   <section
     class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center ps-2">
-      <button class="button-only-icon mr-0" (click)="changeModeList()">
-        <ion-icon name="grid-outline"></ion-icon>
+    <div class="d-flex align-items-center ps-2">
+      <button class="button-only-icon mr-0 d-flex align-items-center" (click)="changeModeList()">
+        <ion-icon class="icon-grid" name="grid-outline"></ion-icon>
       </button>
-      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
-        <ion-icon name="menu-outline"></ion-icon>
+      <button class="button-only-icon ml-0 d-flex align-items-center" (click)="changeModeSlide()">
+        <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index 02ab10c..b111960 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -7,4 +7,12 @@
 
 .sites__header-sites div{
     width:auto;
+}
+
+.icon-grid {
+    font-size: 25px;
+}
+
+.icon-menu{
+    font-size: 26px;
 }
\ No newline at end of file
diff --git a/src/app/shared/components/dropdown-categories/dropdown-categories.component.html b/src/app/shared/components/dropdown-categories/dropdown-categories.component.html
index 0b0c204..f365ced 100644
--- a/src/app/shared/components/dropdown-categories/dropdown-categories.component.html
+++ b/src/app/shared/components/dropdown-categories/dropdown-categories.component.html
@@ -36,10 +36,26 @@
       ></ion-icon>
       {{ name }}
     </button>
-    <ul class="dropdown-menu has-bg-gray" aria-labelledby="dropdownMenu2">
-      <li *ngFor="let element of elements">
+    <ul *ngIf="name == 'Consumibles'" class="dropdown-menu has-bg-gray" aria-labelledby="dropdownMenu2">
+      <li *ngFor="let element of consumables">
         <button class="dropdown-item" type="button">
-          <fa-icon [icon]="element.icon"></fa-icon>
+          <ion-icon [name]="element.icon"></ion-icon>
+          {{ element.name }}
+        </button>
+      </li>
+    </ul>
+    <ul *ngIf="name == 'Tiendas'" class="dropdown-menu has-bg-gray" aria-labelledby="dropdownMenu2">
+      <li *ngFor="let element of stores">
+        <button class="dropdown-item" type="button">
+          <ion-icon [name]="element.icon"></ion-icon>
+          {{ element.name }}
+        </button>
+      </li>
+    </ul>
+    <ul *ngIf="name == 'Más'" class="dropdown-menu has-bg-gray" aria-labelledby="dropdownMenu2">
+      <li *ngFor="let element of more">
+        <button class="dropdown-item" type="button">
+          <ion-icon [name]="element.icon"></ion-icon>
           {{ element.name }}
         </button>
       </li>

diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 532b50b..24f4423 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -2,12 +2,12 @@
   <section
     class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center ps-2">
-      <button class="button-only-icon mr-0" (click)="changeModeList()">
-        <ion-icon name="grid-outline"></ion-icon>
+    <div class="d-flex align-items-center ps-2">
+      <button class="button-only-icon mr-0 d-flex align-items-center" (click)="changeModeList()">
+        <ion-icon class="icon-grid" name="grid-outline"></ion-icon>
       </button>
-      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
-        <ion-icon name="menu-outline"></ion-icon>
+      <button class="button-only-icon ml-0 d-flex align-items-center" (click)="changeModeSlide()">
+        <ion-icon class="icon-menu" name="reorder-four-outline"></ion-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index 02ab10c..b111960 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -7,4 +7,12 @@
 
 .sites__header-sites div{
     width:auto;
+}
+
+.icon-grid {
+    font-size: 25px;
+}
+
+.icon-menu{
+    font-size: 26px;
 }
\ No newline at end of file
diff --git a/src/app/shared/components/dropdown-categories/dropdown-categories.component.html b/src/app/shared/components/dropdown-categories/dropdown-categories.component.html
index 0b0c204..f365ced 100644
--- a/src/app/shared/components/dropdown-categories/dropdown-categories.component.html
+++ b/src/app/shared/components/dropdown-categories/dropdown-categories.component.html
@@ -36,10 +36,26 @@
       ></ion-icon>
       {{ name }}
     </button>
-    <ul class="dropdown-menu has-bg-gray" aria-labelledby="dropdownMenu2">
-      <li *ngFor="let element of elements">
+    <ul *ngIf="name == 'Consumibles'" class="dropdown-menu has-bg-gray" aria-labelledby="dropdownMenu2">
+      <li *ngFor="let element of consumables">
         <button class="dropdown-item" type="button">
-          <fa-icon [icon]="element.icon"></fa-icon>
+          <ion-icon [name]="element.icon"></ion-icon>
+          {{ element.name }}
+        </button>
+      </li>
+    </ul>
+    <ul *ngIf="name == 'Tiendas'" class="dropdown-menu has-bg-gray" aria-labelledby="dropdownMenu2">
+      <li *ngFor="let element of stores">
+        <button class="dropdown-item" type="button">
+          <ion-icon [name]="element.icon"></ion-icon>
+          {{ element.name }}
+        </button>
+      </li>
+    </ul>
+    <ul *ngIf="name == 'Más'" class="dropdown-menu has-bg-gray" aria-labelledby="dropdownMenu2">
+      <li *ngFor="let element of more">
+        <button class="dropdown-item" type="button">
+          <ion-icon [name]="element.icon"></ion-icon>
           {{ element.name }}
         </button>
       </li>
diff --git a/src/app/shared/components/dropdown-categories/dropdown-categories.component.ts b/src/app/shared/components/dropdown-categories/dropdown-categories.component.ts
index 36590f2..2514961 100644
--- a/src/app/shared/components/dropdown-categories/dropdown-categories.component.ts
+++ b/src/app/shared/components/dropdown-categories/dropdown-categories.component.ts
@@ -12,26 +12,70 @@
   @Input() is_in_home: boolean = true;
   @Input() name!: string;
   @Input() icon!: FaIconComponent;
-  @Input() elements: any[] = [
+  @Input() consumables: any[] = [
+    {
+      name: "Comidas rapidas",
+      value: "ropa",
+      icon: "fast-food-outline"
+    },
+    {
+      name: "Comidas gourmet",
+      value: "artesanias",
+      icon: "restaurant-outline"
+    },
+    {
+      name: "Panaderias & cafeterias",
+      value: "plazas",
+      icon: "cafe-outline"
+    },
+    {
+      name: "Heladerias",
+      value: "supermercado",
+      icon: "ice-cream-outline"
+    }
+  ]
+  @Input() stores: any[] = [
     {
       name: "Ropa & zapatos",
       value: "ropa",
-      icon: faTags
+      icon: 'pricetags-outline'
     },
     {
       name: "Artesanias",
       value: "artesanias",
-      icon: faStore
+      icon: "storefront-outline"
     },
     {
       name: "Plazas",
       value: "plazas",
-      icon: faTicketAlt
+      icon: "ticket-outline"
     },
     {
       name: "Supermercado",
       value: "supermercado",
-      icon: faShoppingCart
+      icon: "cart-outline"
+    }
+  ]
+  @Input() more: any[] = [
+    {
+      name: "Bar",
+      value: "ropa",
+      icon: 'wine-outline'
+    },
+    {
+      name: "Gym",
+      value: "artesanias",
+      icon: "barbell-outline"
+    },
+    {
+      name: "Hoteles",
+      value: "plazas",
+      icon: "bed-outline"
+    },
+    {
+      name: "Autolavado",
+      value: "supermercado",
+      icon: "car-outline"
     }
   ]
   icon_store: any = faStore;