diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
index dcca9d2..5741c5f 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
@@ -44,7 +44,8 @@
       </v-toolbar>
       <v-container v-for="(line, index) in purchase.saleline_set" :key="line.id">
         <v-row>
-          <v-col>
+            <v-col
+                lg="9">
             <v-autocomplete
               v-model="line.product"
               :items="filteredProducts"
@@ -63,6 +64,19 @@
               </template>
             </v-autocomplete>
           </v-col>
+          <v-col
+              lg="2"
+          >
+              <v-text-field
+                  v-model.number="line.quantity"
+                  label="Cantidad"
+                  type="number"
+                  :rules="[rules.required]"
+                  required
+              ></v-text-field>
+          </v-col>
+        </v-row>
+        <v-row>
           <v-col>
             <v-text-field
               v-model.number="line.unit_price"
@@ -74,15 +88,6 @@
               readonly
               ></v-text-field>
           </v-col>
-          <v-col>
-            <v-text-field
-              v-model.number="line.quantity"
-              label="Cantidad"
-              type="number"
-              :rules="[rules.required]"
-              required
-              ></v-text-field>
-          </v-col>
           <v-col>
             <v-text-field
               v-model="line.measuring_unit"