diff --git a/resources/js/components/pedidos/ProductoCard.vue b/resources/js/components/pedidos/ProductoCard.vue
index d6014ea..76c9df7 100644
--- a/resources/js/components/pedidos/ProductoCard.vue
+++ b/resources/js/components/pedidos/ProductoCard.vue
@@ -29,7 +29,7 @@ export default {
 </script>
 
 <template>
-    <div class="box" style="height:100%">
+    <div class="box is-flex is-flex-direction-column" style="height:100%">
         <div class="columns is-mobile">
             <div class="column">
                 <p class="title is-6">
@@ -42,27 +42,25 @@ export default {
                 </p>
             </div>
         </div>
-        <footer>
-            <div class="columns is-justify-content-left is-mobile">
-                <div v-if="conIconos" class="column has-text-left">
-                    <span>
-                        <img v-show="producto.economia_solidaria" height="30px" width="30px" src="/assets/solidaria.png" alt="proveedor de economía solidaria">
-                        <img v-show="producto.nacional" height="30px" width="30px" src="/assets/uruguay.png" alt="proveedor nacional"/>
-                    </span>
-                </div>
-                <div class="column"
-                     :class="conIconos ? 'is-three-quarters-mobile is-two-thirds-tablet' : 'is-full'">
-                    <producto-cantidad
-                        v-if="!aprobado"
-                        :producto_id="producto.id"
-                        :requiere_notas="producto.requiere_notas">
-                    </producto-cantidad>
-                    <div class="has-text-centered mt-2" v-if="fuePedido && aprobado">
-                        <p class="subtitle is-7">{{ cantidadEnChismosa }} en chismosa</p>
-                    </div>
+        <div class="columns mt-auto is-justify-content-left is-mobile">
+            <div v-if="conIconos" class="column has-text-left">
+                <span>
+                    <img v-show="producto.economia_solidaria" height="30px" width="30px" src="/assets/solidaria.png" alt="proveedor de economía solidaria">
+                    <img v-show="producto.nacional" height="30px" width="30px" src="/assets/uruguay.png" alt="proveedor nacional"/>
+                </span>
+            </div>
+            <div class="column mt-auto"
+                 :class="conIconos ? 'is-three-quarters-mobile is-two-thirds-tablet' : 'is-full'">
+                <producto-cantidad
+                    v-if="!aprobado"
+                    :producto_id="producto.id"
+                    :requiere_notas="producto.requiere_notas">
+                </producto-cantidad>
+                <div class="has-text-centered mt-2" v-if="fuePedido && aprobado">
+                    <p class="subtitle is-7">{{ cantidadEnChismosa }} en chismosa</p>
                 </div>
             </div>
-        </footer>
+        </div>
     </div>
 </template>