diff --git a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
index 66bea9f..17ec8f9 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
@@ -21,7 +21,7 @@
 
         <!-- TEXTO DE IZQUIERDA -->
         <div class="row mx-2 mt-4 text-white">
-          <div class="col-sm-2 my-auto">
+          <div class="col-sm-auto my-auto">
             <p class="h2">Mi Compra
               <i class="fa fa-shopping-cart "></i>
             </p>
@@ -38,7 +38,9 @@
             <div class="row ml-4 pr-3 vh-70 overflow-scroll text-dark">
               <div class="col-4 p-2" *ngFor="let producto of productos">
                 <div class="bg-white rounded-sm shadow border-0">
-                  <img src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}" class="rounded-sm w-100 m-auto">
+                  <img
+                    src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}"
+                    class="shadow rounded-sm w-100 m-auto">
                   <div class="p-2">
                     <p class="h6 text-left m-0">{{producto.DetArt}}</p>
                     <div class="row justify-content-between m-0">