diff --git a/src/app/components/inicio/inicio.component.ts b/src/app/components/inicio/inicio.component.ts
index dbaf20e..1fb66d8 100644
--- a/src/app/components/inicio/inicio.component.ts
+++ b/src/app/components/inicio/inicio.component.ts
@@ -21,7 +21,7 @@ export class InicioComponent implements OnInit, AfterViewInit {
   private productos: Producto[] = [];
   private promociones: Producto[] = [];
   private sinonimos: Sinonimo[] = [];
-  private apiUrl: string = appSettings.apiUrl
+  private apiUrl: string = appSettings.apiUrl;
 
   @ViewChild('pop', { static: false }) popoverDirective: PopoverDirective;
 
@@ -104,7 +104,7 @@ export class InicioComponent implements OnInit, AfterViewInit {
 
     this.productoService.getProductoById($event.id)
       .subscribe((res: Producto) => {
-        
+
         $event.imagenes = res.imagenes.length == 0 ? [{ imagen: 'noImage.jpg' }] : res.imagenes;
         this.promoAcargar = $event;
 
@@ -127,18 +127,18 @@ export class InicioComponent implements OnInit, AfterViewInit {
 
         res.forEach(sinonimo => {
 
-          sinonimo.productos.forEach(productoSinonimo => {
+          sinonimo.cantidad = 0;
+          this.promoAcargar.productos.forEach(productoPromo => {
 
-            this.promoAcargar.productos.forEach(productoPromo => {
+            sinonimo.productos.forEach(productoSinonimo => {
 
               if (productoSinonimo.id === productoPromo.id) {
-                sinonimo.cantidad = productoPromo.cantidad;
-                sinonimo.productoPadre = productoPromo.id;
+                productoSinonimo.cantidad = productoPromo.cantidad;
+                sinonimo.cantidad += productoPromo.cantidad;
               }
             })
           })
         })
-
         this.sinonimos = res;
         (this.sinonimos.length > 0) ? this.popoverDirective.show() : this.popoverDirective.hide();
       })
diff --git a/src/app/components/popover-sinonimos/popover-sinonimos.component.html b/src/app/components/popover-sinonimos/popover-sinonimos.component.html
index 886eaa0..3ee3f79 100644
--- a/src/app/components/popover-sinonimos/popover-sinonimos.component.html
+++ b/src/app/components/popover-sinonimos/popover-sinonimos.component.html
@@ -61,10 +61,10 @@
   </div>
 
   <div class="row mt-3 justify-content-end">
-    <div class="col-auto">
+    <div class="col">
       <button
         type="button"
-        class="btn btn-sm btn-light shadow"
+        class="btn btn-block btn-light shadow"
         (click)="continuar()">
         <span class="font-weight-bold pr-2">Continuar</span>
         <i class="fa fa-check text-success" aria-hidden="true"></i>
diff --git a/src/app/components/popover-sinonimos/popover-sinonimos.component.ts b/src/app/components/popover-sinonimos/popover-sinonimos.component.ts
index 8e1c0de..8eb0036 100644
--- a/src/app/components/popover-sinonimos/popover-sinonimos.component.ts
+++ b/src/app/components/popover-sinonimos/popover-sinonimos.component.ts
@@ -28,11 +28,10 @@ export class PopoverSinonimosComponent implements OnInit {
       this.cantidadRestanteSinonimos.push(0);
 
       sinonimo.productos.forEach((producto, index) => {
-        
-        if (producto.id === sinonimo.productoPadre) {
+
+        if (producto.cantidad) {
           sinonimo.productos.splice(index, 1);
           sinonimo.productos.splice(0, 0, producto);
-          producto.cantidad = sinonimo.cantidad;
         } else {
           producto.cantidad = 0;
         }