diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index 668a754..3cceab3 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -92,9 +92,11 @@
       </div>
 
       <!-- SPINNER -->
-      <div *ngIf="productos.length === 0 && showSpinner"  class="col-sm-10 align-self-center">
-          <div class="spinner-border spinner-lg text-secondary" role="status"></div>
-          <span class="text-secondary m-2 h5">Cargando información.</span>
+      <div
+        *ngIf="productos.length === 0 && showSpinner"
+        class="col-sm-10 p-0 align-self-center text-center">
+        <div class="spinner-border spinner-lg text-secondary" role="status"></div>
+        <span class="text-secondary m-2 h5">Cargando información.</span>
       </div>
 
     </div>
diff --git a/src/app/components/inicio/inicio.component.html b/src/app/components/inicio/inicio.component.html
index 81ab4f1..3cc6219 100644
--- a/src/app/components/inicio/inicio.component.html
+++ b/src/app/components/inicio/inicio.component.html
@@ -109,8 +109,8 @@
                 <!-- PRODUCTO A CARGAR -->
                 <div class="fade-in m-0" *ngIf="productoAcargar && !promoAcargar">
                   <img
-                    class="card-img-top d-block w-100 mx-auto rounded-sm"
-                    src="{{apiUrl}}/imagenes/testImg3.jpg">
+                    class="card-img-top d-block w-75 mx-auto rounded-sm"
+                    src="{{apiUrl}}/imagenes/testImg.jpg">
   
                   <div class="row justify-content-between m-3">
                     <div class="col-12 text-left px-1">
@@ -126,7 +126,7 @@
                 <div class="fade-in m-0" *ngIf="promoAcargar">
                   <img
                     class="card-img-top d-block w-100 mx-auto rounded-sm"
-                    src="{{apiUrl}}/imagenes/testImg3.jpg">
+                    src="{{apiUrl}}/imagenes/testImg.jpg">
   
                   <div class="row justify-content-between m-3">
                     <div class="col-12 text-left px-1">
diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index 19c6b7d..e42dd62 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -7,8 +7,10 @@
 
   <div class="overflow-auto overflow-scroll mb-2 w-100">
     <!-- PRODUCTOS CARRITO -->
-    <div class="fade-left my-2 bg-white border-0 rounded-sm" *ngFor="let producto of productosCarrito; let i = index">
-      <img class="m-auto pt-2" src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}">
+    <div
+      class="fade-left my-2 bg-white border-0 rounded-sm"
+      *ngFor="let producto of productosCarrito.slice().reverse(); let i = index">
+      <img class="w-100 m-auto rounded-sm shadow" src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}">
       <div class="row m-0 p-0 px-1 py-1 shadow rounded-sm">
         <div class="col-12 p-0 pt-2 text-left my-auto">
           <p class="m-0 h6"><small>{{producto.DetArt}}</small></p>