diff --git a/website/client/src/components/payments/sendGiftModal.vue b/website/client/src/components/payments/sendGiftModal.vue
index f266fd3273..04e28c254a 100644
--- a/website/client/src/components/payments/sendGiftModal.vue
+++ b/website/client/src/components/payments/sendGiftModal.vue
@@ -126,7 +126,7 @@
 
           <!-- the word "total" -->
           <div class="buy-gem-total">
-            {{ $t('sendGiftTotal') }}
+            {{ $t('sendTotal') }}
           </div>
 
           <!-- the actual dollar amount -->
diff --git a/website/client/src/components/shared/numberIncrement.vue b/website/client/src/components/shared/numberIncrement.vue
index 73dbaf924d..0cf0c002cb 100644
--- a/website/client/src/components/shared/numberIncrement.vue
+++ b/website/client/src/components/shared/numberIncrement.vue
@@ -18,10 +18,8 @@
       <input
         v-model="quantity"
         class="form-control alignment"
-        :quantity="1"
-        min="1"
         step="1"
-        @input="$emit('update:quantity', $event.target.value)"
+        @input="$emit('update:quantity', $event.target.selectedAmountToBuy)"
       >
     </div>
     <div
diff --git a/website/client/src/components/shops/buyModal.vue b/website/client/src/components/shops/buyModal.vue
index ae74dba7a9..b6f5af2e6f 100644
--- a/website/client/src/components/shops/buyModal.vue
+++ b/website/client/src/components/shops/buyModal.vue
@@ -96,11 +96,10 @@
           </div>
           <div v-if="showAmountToBuy(item)">
             <number-increment
-              :quantity="1"
-              @click="$emit('update:quantity', selectedAmountToBuy)"
+              @input="$emit('update:quantity', target.value.selectedAmountToBuy)"
             />
             <div :class="{'notEnough': notEnoughCurrency}">
-              <span class="total-text">Total:</span>
+              <span class="total-text">{{ $t('sendTotal') }}</span>
               <span
                 class="svg-icon inline icon-20 total"
                 aria-hidden="true"
@@ -109,7 +108,7 @@
               <span
                 class="total"
                 :class="getPriceClass()"
-              >{{ item.value }}</span>
+              >{{ item.value * selectedAmount }}</span>
             </div>
           </div>
           <div
@@ -488,6 +487,7 @@ export default {
   },
   mixins: [buyMixin, currencyMixin, notifications, numberInvalid, spellsMixin],
   props: {
+    // eslint-disable-next-line vue/require-default-prop
     item: {
       type: Object,
     },
@@ -519,6 +519,7 @@ export default {
       selectedAmountToBuy: 1,
       selectedAmount: 1,
       isPinned: false,
+      quantity: 1,
     };
   },
   computed: {
diff --git a/website/common/locales/en/groups.json b/website/common/locales/en/groups.json
index e6ab1a4db2..eccd15fabb 100644
--- a/website/common/locales/en/groups.json
+++ b/website/common/locales/en/groups.json
@@ -129,7 +129,7 @@
   "sendGiftHeading": "Send Gift to <%= name %>",
   "sendGiftGemsBalance": "From <%= number %> Gems",
   "sendGiftCost": "Total: $<%= cost %> USD",
-  "sendGiftTotal": "Total:",
+  "sendTotal": "Total:",
   "sendGiftFromBalance": "From Balance",
   "sendGiftPurchase": "Purchase",
   "sendGiftLabel": "Would you like to send a gift message?",