diff --git a/resources/js/components/NavBar.vue b/resources/js/components/NavBar.vue
index 7c266b1..efe574a 100644
--- a/resources/js/components/NavBar.vue
+++ b/resources/js/components/NavBar.vue
@@ -11,7 +11,7 @@
         <p class="navbar-item">
           <slot name="subpedido"></slot>
         </p>
-        <chismosa-dropdown class="hide-above-1023"></chismosa-dropdown>
+        <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023" id="mobile"></chismosa-dropdown>
         <a role="button" class="navbar-burger" :class="{'is-active':burgerActiva}" aria-label="menu" aria-expanded="false" data-target="nav-bar" @click="toggleBurger">
           <span aria-hidden="true"></span>
           <span aria-hidden="true"></span>
@@ -28,7 +28,7 @@
               </a>
               <input class="input is-small" type="text" placeholder="Harina" v-model="searchString"  @keyup.enter="buscar" >
             </div>
-            <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024"></chismosa-dropdown>
+            <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024" id="wide"></chismosa-dropdown>
             <div class="block navbar-item">
                 <a onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class="text-a">
                     Cerrar sesión
diff --git a/resources/js/components/ProductoModal.vue b/resources/js/components/ProductoModal.vue
index de9db3e..d919e53 100644
--- a/resources/js/components/ProductoModal.vue
+++ b/resources/js/components/ProductoModal.vue
@@ -26,7 +26,7 @@
                   <p class="subtitle is-5"><span v-text="producto.descripcion"></span></p>
                   <div class="field has-addons is-centered is-thin-centered">
                       <p class="control">
-                          <button class="button" @click="cant !== 0 ? cant-- : cant">
+                          <button class="button" @click="cantidad !== 0 ? cantidad-- : cantidad">
                       <span class="icon is-small">
                         <!-- Habría que ver de poner un ícono de - -->
                       </span>
@@ -34,10 +34,10 @@
                           </button>
                       </p>
                       <p class="control">
-                          <input id="cantidad" class="input" type="number" v-model.number="cant" style="text-align: center">
+                          <input id="cantidad" class="input" type="number" v-model.number="cantidad" style="text-align: center">
                       </p>
                       <p class="control">
-                          <button class="button" @click="cant++">
+                          <button class="button" @click="cantidad++">
                       <span class="icon is-small">
                         <!-- Habría que ver de poner un ícono de + -->
                       </span>
@@ -49,7 +49,7 @@
           </section>
           <footer class="modal-card-foot">
               <!-- Habría que ver si cambiar el botón cuando al cantidad es 0 -->
-              <button class="button is-success" :disabled="cant <= 0" @click="agregarProducto">Aceptar</button>
+              <button class="button is-success" :disabled="cantidad <= 0" @click="agregarProducto">Aceptar</button>
               <button class="button" @click.capture="cerrar">Cancelar</button>
           </footer>
       </div>
@@ -62,7 +62,7 @@
 		    return {
 		      producto: null,
 		      visible: false,
-		      cant: 0
+		      cantidad: 0
 		    }
 		  },
 		  computed: {
@@ -75,15 +75,15 @@
 		  },
 		  methods: {
 		    cerrar() {
-		        this.cant = 0;
+		        this.cantidad = 0;
 		        this.visible = false;
 		        Event.$emit("migas-pop");
 		    },
 		    agregarProducto() {
-		        if (this.cant < 0) alert("No se puede agregar cantidades negativas")
-		        else if (!Number.isInteger(this.cant)) alert("Las cantidades deben ser números enteros")
+		        if (this.cantidad < 0) alert("No se puede agregar cantidades negativas")
+		        else if (!Number.isInteger(this.cantidad)) alert("Las cantidades deben ser números enteros")
 		        else {
-		            Event.$emit('sync-subpedido',this.cant, this.producto.id);
+		            Event.$emit('sync-subpedido',this.cantidad, this.producto.id);
 		            this.cerrar();
 		        }
 		    }
@@ -91,6 +91,8 @@
 		  mounted() {
 		    Event.$on('producto-seleccionado', (producto) =>  {
 		      this.producto = producto;
+              this.cantidad = this.$root.pedido.productos.includes(producto) ? 
+                              producto.pivot.cantidad : 0
 		      this.visible = true;
 		      Event.$emit("migas-agregar",this.miga);
 		    });