diff --git a/frontend/components/global/product-detail/QuantityCounter.vue b/frontend/components/global/product-detail/QuantityCounter.vue
index 29a8748..a93a3fd 100644
--- a/frontend/components/global/product-detail/QuantityCounter.vue
+++ b/frontend/components/global/product-detail/QuantityCounter.vue
@@ -50,7 +50,7 @@ const onInput = (e: any) => {
 <template>
     <NumberFieldRoot
         :disabled="disable"
-        class="rounded-full border-slate-200 border-[1.5px] flex items-center bg-white gap-4 p-4"
+        class="rounded-full border-slate-200 border-[1.5px] flex items-center bg-white gap-4  p-4 max-sm:h-[48px]"
         v-model="currentQuantity"
         :min="1"
         :max="max"