diff --git a/src/components/ServiceProject/ManageServiceProject.jsx b/src/components/ServiceProject/ManageServiceProject.jsx
index f16b18eb..1d5b0e66 100644
--- a/src/components/ServiceProject/ManageServiceProject.jsx
+++ b/src/components/ServiceProject/ManageServiceProject.jsx
@@ -222,10 +222,7 @@ const ManageServiceProject = ({ serviceProjectId, onClose }) => {
               type="text"
               className="form-control form-control-sm"
               {...register("contactName")}
-              placeholder="Enter Employee name.."
-              onInput={(e) => {
-                e.target.value = e.target.value.replace(/[^A-Za-z ]/g, "");
-              }}
+              placeholder="Enter Employee name.."              
             />
             {errors?.contactName && (
               <span className="danger-text">{errors.contactName.message}</span>
diff --git a/src/components/ServiceProject/ServiceProjectBranch/ServiceBranch.jsx b/src/components/ServiceProject/ServiceProjectBranch/ServiceBranch.jsx
index c1d17365..b33e7cce 100644
--- a/src/components/ServiceProject/ServiceProjectBranch/ServiceBranch.jsx
+++ b/src/components/ServiceProject/ServiceProjectBranch/ServiceBranch.jsx
@@ -240,6 +240,7 @@ const ServiceBranch = () => {
                       <td
                         colSpan={columns.length + 1}
                         className="text-center py-12"
+                        style={{ height: "200px" }}
                       >
                         No Branch Found
                       </td>
diff --git a/src/components/ServiceProject/ServiceProjectSchema.jsx b/src/components/ServiceProject/ServiceProjectSchema.jsx
index 589f1497..8e513eec 100644
--- a/src/components/ServiceProject/ServiceProjectSchema.jsx
+++ b/src/components/ServiceProject/ServiceProjectSchema.jsx
@@ -22,8 +22,7 @@ export const projectSchema = z.object({
   contactName: z
     .string()
     .trim()
-    .min(1, "Contact name is required")
-    .regex(/^[A-Za-z\s]+$/, "Contact name can contain only letters"),
+    .min(1, "Contact name is required"),
 
   contactPhone: z
     .string()
diff --git a/src/components/ServiceProject/ServiceProjectTeam/ServiceProjectTeamList.jsx b/src/components/ServiceProject/ServiceProjectTeam/ServiceProjectTeamList.jsx
index 786ef198..a87ee7ec 100644
--- a/src/components/ServiceProject/ServiceProjectTeam/ServiceProjectTeamList.jsx
+++ b/src/components/ServiceProject/ServiceProjectTeam/ServiceProjectTeamList.jsx
@@ -77,6 +77,7 @@ const ServiceProjectTeamList = () => {
               <td
                 colSpan={servceProjectColmen.length}
                 className="text-center py-4 border-0"
+                style={{ height: "200px" }}
               >
                 {isLoading ? (
                   <SpinnerLoader />
@@ -85,6 +86,7 @@ const ServiceProjectTeamList = () => {
                 )}
               </td>
             </tr>
+
           )}
         </tbody>
       </table>
diff --git a/src/components/purchase/PurchasePartyDetails.jsx b/src/components/purchase/PurchasePartyDetails.jsx
index 08bf8826..fd776961 100644
--- a/src/components/purchase/PurchasePartyDetails.jsx
+++ b/src/components/purchase/PurchasePartyDetails.jsx
@@ -26,7 +26,7 @@ const PurchasePartyDetails = () => {
   } = useAppFormContext();
 
   return (
-    <div className="row g-2 text-start">
+    <div className="row g-3 text-start">
       {/* Title */}
       <div className="col-12 col-md-6">
         <Label htmlFor="title" required>
@@ -36,7 +36,7 @@ const PurchasePartyDetails = () => {
         <input
           id="title"
           type="text"
-          className={`form-control form-control-md ${
+          className={`form-control form-control-xs ${
             errors?.title ? "is-invalid" : ""
           }`}
           {...register("title")}
@@ -50,7 +50,7 @@ const PurchasePartyDetails = () => {
       {/* Project ID */}
       <div className="col-12 col-md-6">
         <SelectProjectField
-          className={`form-control form-control-md ${
+          className={`form-control form-control-xs ${
             errors?.projectId ? "is-invalid" : ""
           }`}
           label="Project"
@@ -67,7 +67,7 @@ const PurchasePartyDetails = () => {
         />
       </div>
 
-      <div className="col-12 col-md-6">
+      <div className="col-12 col-md-6 my-0">
         <AppFormController
           name="organizationId"
           control={control}
@@ -87,7 +87,7 @@ const PurchasePartyDetails = () => {
         />
       </div>
 
-      <div className="col-12 col-md-6">
+      <div className="col-12 col-md-6 my-0">
         <AppFormController
           name="supplierId"
           control={control}
@@ -108,13 +108,13 @@ const PurchasePartyDetails = () => {
         />
       </div>
 
-      <div className="col-12 col-md-6">
+      <div className="col-12 col-md-6 my-0">
         <Label htmlFor="billingAddress">Billing Address</Label>
 
         <textarea
           id="billingAddress"
           rows="2"
-          className={`form-control form-control-md `}
+          className={`form-control form-control-xs `}
           {...register("billingAddress")}
         />
 
@@ -123,13 +123,13 @@ const PurchasePartyDetails = () => {
         )}
       </div>
 
-      <div className="col-12 col-md-6">
+      <div className="col-12 col-md-6 my-0 mb-1">
         <Label htmlFor="shippingAddress">Shipping Address</Label>
 
         <textarea
           id="shippingAddress"
           rows="2"
-          className={`form-control form-control-md `}
+          className={`form-control form-control-xs `}
           {...register("shippingAddress")}
         />
 
@@ -139,7 +139,7 @@ const PurchasePartyDetails = () => {
       </div>
 
       {/* Purchase Order Number */}
-      <div className="col-12 col-md-6">
+      <div className="col-12 col-md-6 ">
         <Label htmlFor="purchaseOrderNumber" required>
           Purchase Order Number
         </Label>
@@ -147,7 +147,7 @@ const PurchasePartyDetails = () => {
         <input
           id="purchaseOrderNumber"
           type="text"
-          className={`form-control form-control-md `}
+          className={`form-control form-control-xs `}
           {...register("purchaseOrderNumber")}
         />
 
@@ -159,7 +159,7 @@ const PurchasePartyDetails = () => {
       </div>
 
       {/* Purchase Order Date */}
-      <div className="col-12 col-md-6">
+      <div className="col-12 col-md-6 mb-1">
         <Label htmlFor="purchaseOrderDate" required>
           Purchase Order Date
         </Label>
@@ -167,6 +167,7 @@ const PurchasePartyDetails = () => {
         <DatePicker
           control={control}
           name="purchaseOrderDate"
+          size="xs"
           className={` w-full  ${
             errors?.purchaseOrderDate ? "is-invalid" : ""
           }`}
@@ -193,7 +194,7 @@ const PurchasePartyDetails = () => {
           </div>
         )}
       </div>
-      <div className="col-12 col-md-6">
+      <div className="col-12 col-md-6 mb-1">
         <Label htmlFor="proformaInvoiceAmountt">Proforma Amount</Label>
         <input
           id="proformaInvoiceAmount"
@@ -208,13 +209,14 @@ const PurchasePartyDetails = () => {
           </div>
         )}
       </div>
-      <div className="col-12 col-md-6">
+      <div className="col-12 col-md-6 mb-2">
         <Label htmlFor="proformaInvoiceDate">Proforma Date</Label>
 
         <DatePicker
           control={control}
           name="proformaInvoiceDate"
           className="w-full"
+          size="xs"
         />
 
         {errors?.proformaInvoiceDate && (
diff --git a/src/components/purchase/PurchasePaymentDetails.jsx b/src/components/purchase/PurchasePaymentDetails.jsx
index 0d461248..f5bb9570 100644
--- a/src/components/purchase/PurchasePaymentDetails.jsx
+++ b/src/components/purchase/PurchasePaymentDetails.jsx
@@ -27,7 +27,7 @@ const PurchasePaymentDetails = () => {
   }, [baseAmount, taxAmount, setValue]);
 
   return (
-    <div className="row g-2 text-start">
+    <div className="row g-3 text-start">
       <div className="col-12 col-md-4">
         <Label htmlFor="baseAmount" required>
           Base Amount
@@ -36,7 +36,7 @@ const PurchasePaymentDetails = () => {
         <input
           id="baseAmount"
           type="number"
-          className="form-control form-control-md"
+          className="form-control form-control-xs"
           {...register("baseAmount", { valueAsNumber: true })}
         />
 
@@ -55,7 +55,7 @@ const PurchasePaymentDetails = () => {
         <input
           id="taxAmount"
           type="number"
-          className="form-control form-control-md"
+          className="form-control form-control-xs"
           {...register("taxAmount",{ valueAsNumber: true })}
         />
 
@@ -74,7 +74,7 @@ const PurchasePaymentDetails = () => {
         <input
           id="totalAmount"
           type="number"
-          className="form-control form-control-md"
+          className="form-control form-control-xs"
           {...register("totalAmount",{ valueAsNumber: true })}
           readOnly
         />
@@ -92,7 +92,7 @@ const PurchasePaymentDetails = () => {
         <input
           id="transportCharges"
           type="number"
-          className="form-control form-control-md"
+          className="form-control form-control-xs"
           {...register("transportCharges",{ valueAsNumber: true })}
         />
 
@@ -110,6 +110,7 @@ const PurchasePaymentDetails = () => {
           name={"paymentDueDate"}
           control={control}
           className="w-full"
+          size="xs"
         />
 
         {errors?.paymentDueDate && (
@@ -119,7 +120,7 @@ const PurchasePaymentDetails = () => {
         )}
       </div>
 
-      <div className="col-12">
+      <div className="col-12 mb-2">
         <Label htmlFor="description" required>
           Description
         </Label>
@@ -127,7 +128,7 @@ const PurchasePaymentDetails = () => {
         <textarea
           id="description"
           rows="3"
-          className="form-control form-control-md"
+          className="form-control form-control-xs"
           {...register("description")}
         />
 
diff --git a/src/components/purchase/PurchaseTransportDetails.jsx b/src/components/purchase/PurchaseTransportDetails.jsx
index b3237594..f98fc2ad 100644
--- a/src/components/purchase/PurchaseTransportDetails.jsx
+++ b/src/components/purchase/PurchaseTransportDetails.jsx
@@ -10,7 +10,7 @@ const PurchaseTransportDetails = () => {
   } = useAppFormContext();
 
   return (
-    <div className="row g-2 text-start">
+    <div className="row g-3 text-start">
       {/* Invoice Number */}
       <div className="col-12 col-md-6">
         <Label htmlFor="invoiceNumber" required>
@@ -20,7 +20,7 @@ const PurchaseTransportDetails = () => {
         <input
           id="invoiceNumber"
           type="text"
-          className="form-control form-control-md"
+          className="form-control form-control-xs"
           {...register("invoiceNumber")}
         />
 
@@ -36,7 +36,7 @@ const PurchaseTransportDetails = () => {
         <Label htmlFor="invoiceDate">Invoice Date</Label>
 
      
-          <DatePicker control={control} name="invoiceDate" className="w-full"/>
+          <DatePicker control={control} name="invoiceDate" className="w-full" size="xs"/>
 
         {errors?.invoiceDate && (
           <div className="small text-danger mt-1">
@@ -52,7 +52,7 @@ const PurchaseTransportDetails = () => {
         <input
           id="eWayBillNumber"
           type="text"
-          className="form-control form-control-md"
+          className="form-control form-control-xs"
           {...register("eWayBillNumber")}
         />
 
@@ -84,7 +84,7 @@ const PurchaseTransportDetails = () => {
         <input
           id="invoiceReferenceNumber"
           type="text"
-          className="form-control form-control-md"
+          className="form-control form-control-xs"
           {...register("invoiceReferenceNumber")}
         />
 
@@ -102,7 +102,7 @@ const PurchaseTransportDetails = () => {
         <input
           id="acknowledgmentNumber"
           type="text"
-          className="form-control form-control-md"
+          className="form-control form-control-xs"
           {...register("acknowledgmentNumber")}
         />
 
@@ -113,10 +113,10 @@ const PurchaseTransportDetails = () => {
         )}
       </div>
 
-      <div className="col-12 col-md-6">
+      <div className="col-12 col-md-6 mb-2">
         <Label htmlFor="acknowledgmentDate">Acknowledgment Date</Label>
 
-        <DatePicker control={control} name="acknowledgmentDate" className="w-full"/>
+        <DatePicker control={control} name="acknowledgmentDate" className="w-full" size="xs"/>
 
         {errors?.acknowledgmentDate && (
           <div className="small text-danger mt-1">