diff --git a/src/app/components/abm-imagenes/abm-imagenes.component.html b/src/app/components/abm-imagenes/abm-imagenes.component.html
index 50add5c..5efc956 100644
--- a/src/app/components/abm-imagenes/abm-imagenes.component.html
+++ b/src/app/components/abm-imagenes/abm-imagenes.component.html
@@ -41,20 +41,20 @@
               <p class="m-0"><small>Sector: {{articulo.CodSec}}</small></p>
               <p class="m-0"><small>Código: {{articulo.CodArt}}</small></p>
             </td>
-            <td>
+            <td class="text-center">
               <img
                 *ngIf="articulo.imagenes.length == 0"
-                class="fade-in w-100 mx-auto img-fluid"
+                class="fade-in w-75"
                 src="{{apiImagenes}}/imagenes/noImage.jpg">
               <carousel [interval]="false">
                 <slide *ngFor="let item of articulo.imagenes; let index = index">
                   <img
                     *ngIf="!item.fromGallery"
-                    class="fade-in img-fluid w-100"
+                    class="fade-in w-75"
                     src="{{apiImagenes}}/imagenes/{{item.imagen}}">
                   <img
                     *ngIf="item.fromGallery"
-                    class="fade-in img-fluid w-100"
+                    class="fade-in w-75"
                     src="{{item.base64}}">
                   <button
                     (click)="deleteImage(articulo.imagenes, index)"
diff --git a/src/app/components/abm-imagenes/abm-imagenes.component.scss b/src/app/components/abm-imagenes/abm-imagenes.component.scss
index f56a3a1..569efe6 100644
--- a/src/app/components/abm-imagenes/abm-imagenes.component.scss
+++ b/src/app/components/abm-imagenes/abm-imagenes.component.scss
@@ -15,7 +15,7 @@
 
 .btn-delete-image {
   top: 0;
-  left: 88%;
+  left: 76%;
   z-index: 1000;
   outline: none;
 }
diff --git a/src/app/components/abm-imagenes/abm-imagenes.component.ts b/src/app/components/abm-imagenes/abm-imagenes.component.ts
index 21fe5df..8586e2b 100644
--- a/src/app/components/abm-imagenes/abm-imagenes.component.ts
+++ b/src/app/components/abm-imagenes/abm-imagenes.component.ts
@@ -32,9 +32,9 @@ export class AbmImagenesComponent implements OnInit {
     this.buscando = true;
 
     this.imagenService.getAllWithPaginator(this.searchTerm)
-      .subscribe((res) => {
+      .subscribe((res: any) => {
 
-        this.articulos = res.data;
+        this.articulos = this.sortImages(res.data);
         this.paginationData = res.pagination;
         this.buscando = false;
       }, error => console.error(error));
@@ -69,15 +69,6 @@ export class AbmImagenesComponent implements OnInit {
     })
   }
 
-  // filterItems() {
-
-  //   this.auxProductos = this.articulos.filter(x => {
-  //     return x.DET_LAR.toLowerCase().includes(this.searchTerm.toLowerCase()) ||
-  //       x.CodArt.toString().includes(this.searchTerm.toLowerCase()) ||
-  //       x.CodSec.toString().includes(this.searchTerm.toLowerCase());
-  //   });
-  // }
-
   saveInBase(imagenAguardar) {
 
     this.imagenService.saveInBase(imagenAguardar.imagen)
@@ -115,6 +106,7 @@ export class AbmImagenesComponent implements OnInit {
 
         if (res) {
           imagenes.splice(index, 1);
+          this.sortImages(this.articulos);
         }
       }, error => console.error(error));
   }
@@ -123,11 +115,22 @@ export class AbmImagenesComponent implements OnInit {
     this.disabledPaginador = true;
     this.imagenService.getAllWithPaginator('', event.page)
       .subscribe((res) => {
+
         this.disabledPaginador = false;
-        this.articulos = res.data;
+        this.articulos = this.sortImages(res.data);
         this.paginationData = res.pagination;
-        // this.filterItems();
       }, error => console.error(error));
   }
 
+  sortImages(productos: Producto[]) {
+
+    productos.reverse().forEach((producto, i) => {
+      if (producto.imagenes.length === 0) {
+        productos.unshift(producto);
+        productos.splice(i, 1);
+      }
+    })
+    return productos;
+  }
+
 }