diff --git a/src/components/Expenses/ViewExpense.jsx b/src/components/Expenses/ViewExpense.jsx
index b3256a62..160eb290 100644
--- a/src/components/Expenses/ViewExpense.jsx
+++ b/src/components/Expenses/ViewExpense.jsx
@@ -407,7 +407,7 @@ const ViewExpense = ({ ExpenseId }) => {
                     </div>
                     <div className="col-12 col-md-6 text-start mb-1">
                       <Label className="form-label" required>Transaction Date </Label>
-                      <DatePicker
+                      <DatePicker className="w-100"
                         name="reimburseDate"
                         control={control}
                         minDate={data?.transactionDate}