diff --git a/src/components/receiving/ByjoveReceiving.vue b/src/components/receiving/ByjoveReceiving.vue
index 35f6d6f..9b11867 100644
--- a/src/components/receiving/ByjoveReceiving.vue
+++ b/src/components/receiving/ByjoveReceiving.vue
@@ -118,28 +118,36 @@
                     expanded>
             {{ row.quick_receive_text }}
           </b-button>          
-          <div v-if="!row.quick_receive_all">
-            <div class="buttons"
-                 v-if="allowCases">
-              <b-button type="is-primary"
-                        @click="addQuickAmount(1, 'CS')"
-                        expanded>
-                Receive 1 CS
-              </b-button>
-            </div>
-            <div class="buttons has-text-centered" style="width: 100%;">
+          <div v-if="!row.quick_receive_all"
+               style="margin: auto;">
+            <b-button v-if="allowCases"
+                      type="is-primary"
+                      @click="addQuickAmount(1, 'CS')"
+                      expanded
+                      style="margin-bottom: 1rem;">
+              Receive 1 CS
+            </b-button>
+            <div>
               <b-button type="is-primary"
+                        size="is-small"
                         @click="addQuickAmount(1, row.unit_uom)">
                 1 {{ row.unit_uom }}
               </b-button>
               <b-button type="is-primary"
+                        size="is-small"
                         @click="addQuickAmount(3, row.unit_uom)">
                 3 {{ row.unit_uom }}
               </b-button>
               <b-button type="is-primary"
+                        size="is-small"
                         @click="addQuickAmount(6, row.unit_uom)">
                 6 {{ row.unit_uom }}
               </b-button>
+              <b-button type="is-primary"
+                        size="is-small"
+                        @click="addQuickAmount(12, row.unit_uom)">
+                12 {{ row.unit_uom }}
+              </b-button>
             </div>
           </div>
         </div>
@@ -203,15 +211,17 @@
     </b-field>
 
     <div class="buttons">
-      <b-button type="is-primary"
-                @click="addAmount()"
-                :disabled="addAmountDisabled">
-        Add Amount
-      </b-button>
-      <b-button type="is-warning"
-                @click="subtractAmount()">
-        Subtract Amount
-      </b-button>
+      <div style="margin: auto;">
+        <b-button type="is-primary"
+                  @click="addAmount()"
+                  :disabled="addAmountDisabled">
+          Add Amount
+        </b-button>
+        <b-button type="is-warning"
+                  @click="subtractAmount()">
+          Subtract
+        </b-button>
+      </div>
     </div>
 
     <p class="has-text-centered is-italic">OR</p>
@@ -383,6 +393,6 @@ export default {
       padding: 0px 10px 0px 0px;
   }
   .input.receiving-quantity-input {
-      width: 10rem;
+      width: 6rem;
   }
 </style>