diff --git a/falcon/_dev/css/theme/custom/components/_buttons.scss b/falcon/_dev/css/theme/custom/components/_buttons.scss
index 86e5386..9be84c8 100644
--- a/falcon/_dev/css/theme/custom/components/_buttons.scss
+++ b/falcon/_dev/css/theme/custom/components/_buttons.scss
@@ -14,3 +14,34 @@ $btn-color: (
         color: $color !important;
     }
 }
+
+// bootstrap touchspin. Edit icons under js/theme/components/product.js
+.bootstrap-touchspin {
+    min-width: 100px;
+    flex-wrap: nowrap;
+
+    > input {
+        border-left: 0px;
+        color: $primary;
+        &:focus {
+            box-shadow: none;
+        }
+    }
+
+    .btn {
+        height: 50%;
+        width: 100%;
+        border-radius: 0px;
+        &:first-child {
+            border-bottom: 1px solid $border-color;
+        }
+    }
+
+    .input-touchspin {
+        min-width: rem-calc(66px);
+    }
+
+    .input-group-btn-vertical {
+        min-width: rem-calc(33px);
+    }
+}
diff --git a/falcon/templates/catalog/_partials/product-add-to-cart.tpl b/falcon/templates/catalog/_partials/product-add-to-cart.tpl
index 6e71d66..2c00b2b 100644
--- a/falcon/templates/catalog/_partials/product-add-to-cart.tpl
+++ b/falcon/templates/catalog/_partials/product-add-to-cart.tpl
@@ -27,7 +27,7 @@
 
     {block name='product_quantity'}
       <div class="product-quantity row mb-1 mx-n1 mt-n2 align-items-center">
-        <div class="qty col-12 col-sm-auto mx-auto mt-2 px-1">
+        <div class="qty col-auto px-1">
           <input
             type="number"
             name="qty"