diff --git a/src/app/modules/comanda/comanda.component.html b/src/app/modules/comanda/comanda.component.html
index e8de0f6..b1fcaca 100644
--- a/src/app/modules/comanda/comanda.component.html
+++ b/src/app/modules/comanda/comanda.component.html
@@ -41,7 +41,7 @@
                 <p><i class="far fa-clock fa-spin text-info"></i></p>
               </div>
               <div *ngFor="let detalle of comanda.detalles">
-                <p
+                <div
                   class="card-text border-top pt-2 mb-2"
                   [ngClass]="
                   {
@@ -49,14 +49,21 @@
                     'border-light': comanda.estado != 1
                   }">
                   <!-- DETALLE Y CANTIDAD -->
-                  <small>{{detalle.DetLar}}</small><br>
-                  <small>CANT.{{detalle.cantidad}}</small>
-                </p>
-                <blockquote
+                  <p>
+                    <small>{{detalle.DetLar}}</small><br>
+                    <small>CANT.{{detalle.cantidad}}</small>
+                  </p>
+                  <div *ngFor="let componente of detalle.componentes">
+                    <p>
+                      <small>{{componente.DetArt.toUpperCase()}}</small>
+                    </p>
+                  </div>
+                </div>
+                <!-- <blockquote
                   *ngIf="detalle.comentario">
                   <p class="text-muted font-italic px-4" *ngIf="comanda.estado === 1"><small>{{detalle.comentario}}</small></p>
                   <p class="text-white font-italic px-4" *ngIf="comanda.estado !== 1"><small>{{detalle.comentario}}</small></p>
-                </blockquote>
+                </blockquote> -->
               </div>
               <!-- BOTONES -->
               <button
diff --git a/src/app/modules/comanda/comanda.component.ts b/src/app/modules/comanda/comanda.component.ts
index d682088..dbdf9bb 100644
--- a/src/app/modules/comanda/comanda.component.ts
+++ b/src/app/modules/comanda/comanda.component.ts
@@ -10,6 +10,7 @@ import * as _ from 'lodash';
 })
 export class ComandaComponent implements OnInit {
   comandas: IComanda[] = [];
+  detalles: [] = [];
   cicloTime: any;
 
   constructor(
diff --git a/src/app/modules/opcion-pedido/opcion-pedido.component.scss b/src/app/modules/opcion-pedido/opcion-pedido.component.scss
index 901c592..51b9783 100644
--- a/src/app/modules/opcion-pedido/opcion-pedido.component.scss
+++ b/src/app/modules/opcion-pedido/opcion-pedido.component.scss
@@ -20,4 +20,4 @@
 
 .heigth-80 {
   height: 80px;
-}
\ No newline at end of file
+}