Expense widget - Layout change

src/components/Project/ProjectOverview.jsx

@@ -165,7 +165,7 @@ const ProjectOverview = ({ project }) => {
   }, [selectedProject]);
 
   return (
-    <div className="card" style={{ minHeight: "490px" }}>
+    <div className="card h-100">
       <div className="card-header text-start">
         <h5 className="card-action-title mb-0">
           {" "}

src/components/collections/AddPayment.jsx

@@ -72,7 +72,7 @@ const AddPayment = ({ onClose }) => {
 
             <div className="col-12 col-md-6  mb-2">
               <Label required>Transaction Date </Label>
-              <DatePicker
+              <DatePicker className="w-100"
                 name="paymentReceivedDate"
                 control={control}
                 minDate={