diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index b7d43fe..5a483da 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -9,7 +9,7 @@
   <div class="overflow-scroll px-1 mb-1 w-100">
     <!-- PRODUCTOS CARRITO -->
     <div class="row m-0"
-        *ngFor="let producto of productosCarrito">
+        *ngFor="let producto of productosCarrito; let i = index">
       <div class="col p-0 my-1 bg-white border-0 rounded-sm">
         <div class="row m-0">
           <div class="col-6 pl-1 pr-0 my-auto">
diff --git a/src/app/components/sidebar/sidebar.component.ts b/src/app/components/sidebar/sidebar.component.ts
index 12066bd..06d1195 100644
--- a/src/app/components/sidebar/sidebar.component.ts
+++ b/src/app/components/sidebar/sidebar.component.ts
@@ -73,7 +73,7 @@ export class SidebarComponent implements OnInit {
 
     this.cantTotal -= producto.cantidad;
     this.total -= producto.PreVen * producto.cantidad;
-    this.productosCarrito.reverse().splice(index, 1);
+    this.productosCarrito.splice(index, 1);
     return;
   }
 
diff --git a/src/app/services/producto.service.ts b/src/app/services/producto.service.ts
index 506562d..c825683 100644
--- a/src/app/services/producto.service.ts
+++ b/src/app/services/producto.service.ts
@@ -51,7 +51,7 @@ export class ProductoService {
       }
     }
 
-    this.productos.push(producto);
+    this.productos.unshift(producto);
   }
 
   getPromocionByCodigos(sector, codigo): Observable<any> {