cart: Special request > adjust border radius

src/pages/cart/components/specialRequest/Dialog.tsx

@@ -1,6 +1,7 @@
 import { Button, Input, Modal } from "antd";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
+import styles from "./SpecialRequestCard.module.css";
 
 const { TextArea } = Input;
 
@@ -40,10 +41,19 @@ export function Dialog({
       open={isOpen}
       onCancel={handleCancel}
       footer={[
-        <Button key="cancel" onClick={handleCancel}>
+        <Button
+          key="cancel"
+          onClick={handleCancel}
+          className={styles.actionButton}
+        >
           {t("cart.cancel")}
         </Button>,
-        <Button key="save" type="primary" onClick={handleSave}>
+        <Button
+          key="save"
+          type="primary"
+          onClick={handleSave}
+          className={styles.actionButton}
+        >
           {t("cart.save")}
         </Button>,
       ]}
@@ -58,6 +68,7 @@ export function Dialog({
             placeholder={t("cart.specialRequest")}
             rows={6}
             autoFocus={false}
+            className={styles.textArea}
           />
         </div>
       </div>

src/pages/cart/components/specialRequest/SpecialRequestCard.module.css

@@ -6,4 +6,11 @@
   color: var(--primary, #FFB700);
   font-size: 14px;
   cursor: pointer;
+}
+.textArea{
+  border-radius: 24px;
+}
+.actionButton{
+  border-radius: 24px;
+  width: 100px;
 }