checkout: UI + styles enhacnements

src/pages/checkout/components/CustomerInformationCard.tsx

@@ -16,12 +16,9 @@ export default function CustomerInformationCard() {
   return (
     orderType !== OrderType.Gift && (
       <>
-        <ProInputCard
-          title={t("checkout.customerInformation")}
-          className={styles.customerInformationCard}
-        >
-          <div style={{ position: "relative", top: -25 }}>
-            <Form.Item label={t("checkout.customerName")} name="customerName">
+        <ProInputCard title={t("checkout.customerInformation")}>
+          <div className={styles.customerInformationCard}>
+            <Form.Item name="customerName">
               <Input
                 placeholder={t("checkout.customerName")}
                 size="large"
@@ -33,9 +30,7 @@ export default function CustomerInformationCard() {
                 }}
               />
             </Form.Item>
-          </div>
-          <div style={{ position: "relative", top: -35 }}>
-            <ProPhoneInput label={t("login.phone")} propName="phone" />
+            <ProPhoneInput propName="phone" />
           </div>
         </ProInputCard>
       </>