diff --git a/resources/js/pages/admin/manage/cuttings/form/CuttingPosMaterialSummaryItems.vue b/resources/js/pages/admin/manage/cuttings/form/CuttingPosMaterialSummaryItems.vue
index c5c5bc0..b5acb67 100644
--- a/resources/js/pages/admin/manage/cuttings/form/CuttingPosMaterialSummaryItems.vue
+++ b/resources/js/pages/admin/manage/cuttings/form/CuttingPosMaterialSummaryItems.vue
@@ -200,7 +200,7 @@ function setCombinationResult(combinationId: number | undefined, value: string)
                         </Button>
                     </div>
 
-                    <div class="grid grid-cols-2 gap-2">
+                    <div class="grid grid-cols-1 gap-2 sm:grid-cols-2">
                         <Field
                             :data-invalid="formErrors(form, `materials.${index}.material_usage`).length > 0 ? 'true' : undefined">
                             <FieldLabel class="text-xs">
diff --git a/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue b/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue
index 0a52e70..21e8640 100644
--- a/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue
+++ b/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue
@@ -36,7 +36,7 @@ defineProps<{
                 <Input v-model="item.product_name" type="text" placeholder="Masukkan nama produk" />
             </Field>
 
-            <div class="grid grid-cols-3 gap-2 mt-2">
+            <div class="grid grid-cols-1 gap-2 mt-2 sm:grid-cols-3">
                 <Field>
                     <FieldLabel class="text-xs">Sample</FieldLabel>
                     <NumberInput v-model="item.sample" class="h-8" />