diff --git a/src/app/modules/pedidos-salientes/pedidos-salientes.component.html b/src/app/modules/pedidos-salientes/pedidos-salientes.component.html
index 4ff55a3..6cd0969 100644
--- a/src/app/modules/pedidos-salientes/pedidos-salientes.component.html
+++ b/src/app/modules/pedidos-salientes/pedidos-salientes.component.html
@@ -1,36 +1,44 @@
-<div class="row mt-2 justify-content-center h-15">
-  <div class="col-3 col-lg-2">
+<div class="row mx-0 mt-5 justify-content-around">
+  <div class="col">
+    <div class="p-3 bg-white text-center shadow-lg rounded h-100">
+      <p class="h5 mt-3">ESTAMOS</p>
+      <p class="h3 font-weight-bold text-secondary">preparando</p>
+      <p class="h5">TU PEDIDO</p>
+      <div
+        *ngFor="let pedido of pedidosPendientes; let i = index"
+        [hidden]="i > 3"
+        class="font-weight-bold  mb-2 text-muted">
+        <p class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</p>
+      </div>
+    </div>
+  </div>
+  <div class="col">
     <img
       draggable="false"
       ondragstart="return false;"
       (contextmenu)="false"
-      class="w-60 h-auto d-block mx-auto"
+      class="w-40 h-auto d-block mx-auto"
       src="assets/img/logo-spot.svg">
+    <div class="p-3 text-center h-100">
+      <p class="h5 mt-3">LISTO PARA</p>
+      <p class="h3 font-weight-bold text-primary">retirar</p>
+      <div *ngIf="pedidosFinalizados.length">
+        <p class="display-1 mt-2 text-primary mb-0">{{rellenar(pedidosFinalizados[0].id.toString().slice(0), 3)}}</p>
+      </div>
+      <p class="h3 font-weight-bold text-info mt-2">¡Que lo disfrutes!</p>
+    </div>
   </div>
-</div>
-<div class="row mt-n5 mx-0 justify-content-around h-75">
-  <div class="col-5 col-md-6 col-lg-4 h-100">
+  <div class="col">
     <div class="p-3 bg-white text-center shadow-lg rounded h-100">
-      <h5 class="pt-3">ESTAMOS</h5>
-      <h3 class="font-weight-bold text-secondary">preparando</h3>
-      <h5>TU PEDIDO</h5>
+      <p class="h5 mt-3">YA FUÉ</p>
+      <p class="h3 font-weight-bold text-primary">entregado</p>
+      <p class="h5">TU PEDIDO</p>
       <div
-        *ngFor="let pedido of pedidosPendientes; let i = index"
-        [hidden]="i > 3"
+        *ngFor="let pedido of pedidosFinalizados; let i = index"
+        [hidden]="i > 4 || i == 0"
         class="font-weight-bold  mb-2 text-muted">
-        <h1 class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</h1>
-      </div>
-    </div>
-  </div>
-  <div class="col-5 col-md-6 col-lg-4 h-100">
-    <div class="p-3 bg-white shadow-lg rounded text-center h-100">
-      <h5 class="pt-3">LISTO PARA</h5>
-      <h3 class="font-weight-bold text-primary">retirar</h3>
-      <div *ngIf="pedidoFinalizado.length">
-        <h1 class="display-1 mt-4 text-primary mb-0">{{rellenar(pedidoFinalizado[0].id.toString().slice(0), 3)}}</h1>
-        <hr class="line mt-0">
+        <p class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</p>
       </div>
-      <h3 class="font-weight-bold text-info mt-4">¡Que lo disfrutes!</h3>
     </div>
   </div>
 </div>
diff --git a/src/app/modules/pedidos-salientes/pedidos-salientes.component.ts b/src/app/modules/pedidos-salientes/pedidos-salientes.component.ts
index caa0dfe..a1ebebc 100644
--- a/src/app/modules/pedidos-salientes/pedidos-salientes.component.ts
+++ b/src/app/modules/pedidos-salientes/pedidos-salientes.component.ts
@@ -7,7 +7,7 @@ import { ComandaService } from 'src/app/services/comanda/comanda.service';
   styleUrls: ['./pedidos-salientes.component.scss']
 })
 export class PedidosSalientesComponent implements OnInit {
-  pedidoFinalizado = [];
+  pedidosFinalizados = [];
   cicloTime;
   pedidosPendientes = [];
 
@@ -28,7 +28,7 @@ export class PedidosSalientesComponent implements OnInit {
   buscarPedidosFinalizados() {
     this.comandaServices.getPendientesEntrega()
       .subscribe((pedidos: []) => {
-        this.pedidoFinalizado = pedidos;
+        this.pedidosFinalizados = pedidos;
       });
   }