diff --git a/src/app/modules/opcion-pedido/opcion-pedido.component.html b/src/app/modules/opcion-pedido/opcion-pedido.component.html
index 0eb75e1..7eb3a68 100644
--- a/src/app/modules/opcion-pedido/opcion-pedido.component.html
+++ b/src/app/modules/opcion-pedido/opcion-pedido.component.html
@@ -1,5 +1,5 @@
 <div class="h-92 bg-white fade-in-left">
-  <div class="row mx-0 h-15">
+  <div class="row mx-0 h-20">
     <div class="col-12 px-0 h-80 my-auto">
       <img
         draggable="false"
@@ -9,64 +9,74 @@
         src="assets/img/logo-spot.svg">
     </div>
   </div>
-  <div class="h-85">
+  <div class="h-100">
+    <div class="h-10"></div>
     <div class="row mt-5 mx-3 h-auto">
       <div class="col-12 px-0 py-2 align-self-center">
-        <p class="h6 text-truncate text-center">TU PEDIDO ES PARA</p>
+        <p class="col-auto h4 text-truncate text-center">TU PEDIDO ES PARA</p>
       </div>
     </div>
     <div class="row mt-5 h-auto justify-content-center mx-0">
-      <div class="col-auto px-0 h-auto align-self-start reduce-card-1">
-        <div
-          class="btn-effect col-auto align-self-center px-0 bg-white"
-          (click)="goTo('/seleccion-articulos'); seleccionPedido('false')">
-          <div class="row mx-0 bg-primary badge-pill">
-            <div class="col-auto p-0">
-              <img
-                draggable="false"
-                ondragstart="return false;"
-                (contextmenu)="false"
-                class="p-1 icon-50"
-                src="assets/img/icono-plato.svg">
-            </div>
-            <div class="col-auto align-self-center text-white">comer acá</div>
-            <div class="col-auto align-self-center p-0">
-              <img
-                draggable="false"
-                ondragstart="return false;"
-                (contextmenu)="false"
-                class="p-1 icon-30"
-                src="assets/img/ir.svg">
+      <div class="col-5 px-0 h-auto align-self-start reduce-card-1">
+        <div class="row justify-content-between">
+          <div class="col-12">
+            <div
+              class="btn-effect col-12 px-0 bg-white"
+              (click)="goTo('/seleccion-articulos'); seleccionPedido('false')">
+              <div class="row mx-0 bg-primary badge-pill">
+                <div class="col-2 p-0">
+                  <img
+                    draggable="false"
+                    ondragstart="return false;"
+                    (contextmenu)="false"
+                    class="p-1 icon-50"
+                    src="assets/img/icono-plato.svg">
+                </div>
+                <div class="col-8 align-self-center  text-center text-white">comer acá</div>
+                <div class="col-2 align-self-center p-0">
+                  <img
+                    draggable="false"
+                    ondragstart="return false;"
+                    (contextmenu)="false"
+                    class="p-1 icon-30"
+                    src="assets/img/ir.svg">
+                </div>
+              </div>
             </div>
           </div>
         </div>
       </div>
     </div>
-    <div class="row mt-4 h-auto justify-content-center mx-0">
-      <div class="col-auto px-0 h-auto align-self-start reduce-card-2">
-        <div
-          class="btn-effect col-auto align-self-center px-0 bg-white"
-          (click)="goTo('/seleccion-articulos'); seleccionPedido('true')">
-          <div class="row mx-0 bg-primary badge-pill">
-            <div class="col-auto p-0">
-              <img
-                draggable="false"
-                ondragstart="return false;"
-                (contextmenu)="false"
-                class="p-1 icon-50"
-                src="assets/img/icono-take-away.svg">
-            </div>
-            <div class="col-auto align-self-center text-white">para llevar</div>
-            <div class="col-auto align-self-center p-0">
-              <img
-                draggable="false"
-                ondragstart="return false;"
-                (contextmenu)="false"
-                class="p-1 icon-30"
-                src="assets/img/ir.svg">
+    <div class="row mt-5 h-auto justify-content-center mx-0">
+      <div class="col-5 px-0 h-auto align-self-start reduce-card-2">
+        <div class="row justify-content-between">
+          <div class="col-12">
+            <div
+              class="btn-effect col-12 align-self-center px-0 bg-white"
+              (click)="goTo('/seleccion-articulos'); seleccionPedido('true')">
+              <div class="row mx-0 bg-primary badge-pill">
+                <div class="col-2 p-0">
+                  <img
+                    draggable="false"
+                    ondragstart="return false;"
+                    (contextmenu)="false"
+                    class="p-1 icon-50"
+                    src="assets/img/icono-take-away.svg">
+                </div>
+                <div class="col-8 align-self-center text-center text-white">para llevar</div>
+                <div class="col-2 align-self-center p-0">
+                  <img
+                    draggable="false"
+                    ondragstart="return false;"
+                    (contextmenu)="false"
+                    class="p-1 icon-30"
+                    src="assets/img/ir.svg">
+                </div>
+              </div>
             </div>
           </div>
         </div>
+
       </div>
     </div>
   </div>