Updated part of the payment

src/components/Low/Input.tsx

@@ -13,6 +13,7 @@ interface Props {
 	disabled?: boolean;
 	max?: number;
 	min?: number;
+	thin?: boolean
 	name: string;
 	onChange: (value: string) => void;
 }
@@ -29,6 +30,7 @@ export default function Input({
 	className,
 	roundness = "full",
 	disabled = false,
+	thin = false,
 	min,
 	onChange,
 }: Props) {
@@ -95,9 +97,10 @@ export default function Input({
 				min={type === "number" ? (min ?? 0) : undefined}
 				placeholder={placeholder}
 				className={clsx(
-					"px-8 py-6 text-sm font-normal bg-white border border-mti-gray-platinum focus:outline-none",
+					"px-8 text-sm font-normal bg-white border border-mti-gray-platinum focus:outline-none",
 					"placeholder:text-mti-gray-cool disabled:bg-mti-gray-platinum/40 disabled:text-mti-gray-dim disabled:cursor-not-allowed",
 					roundness === "full" ? "rounded-full" : "rounded-xl",
+					thin ? 'py-4' : 'py-6'
 				)}
 				required={required}
 				defaultValue={defaultValue}