diff --git a/src/components/RecurringExpense/ViewRecurringExpense.jsx b/src/components/RecurringExpense/ViewRecurringExpense.jsx
index 1284c2ce..34d5650e 100644
--- a/src/components/RecurringExpense/ViewRecurringExpense.jsx
+++ b/src/components/RecurringExpense/ViewRecurringExpense.jsx
@@ -83,7 +83,7 @@ const ViewRecurringExpense = ({ RecurringId }) => {
               >
                 Project :
               </label>
-              <div className="text-muted">{data?.project?.name || "N/A"}</div>
+              <div className="text-muted" style={{ textAlign: "left" }}>{data?.project?.name || "N/A"}</div>
             </div>
           </div>
 
@@ -117,7 +117,7 @@ const ViewRecurringExpense = ({ RecurringId }) => {
               >
                 Title :
               </label>
-              <div className="text-muted">{data?.title || "N/A"}</div>
+              <div className="text-muted" style={{ textAlign: "left" }}>{data?.title || "N/A"}</div>
             </div>
           </div>
 
@@ -131,7 +131,7 @@ const ViewRecurringExpense = ({ RecurringId }) => {
               >
                 Payee :
               </label>
-              <div className="text-muted">{data?.payee || "N/A"}</div>
+              <div className="text-muted" style={{ textAlign: "left" }}>{data?.payee || "N/A"}</div>
             </div>
           </div>
 
@@ -220,7 +220,7 @@ const ViewRecurringExpense = ({ RecurringId }) => {
               >
                 Updated At :
               </label>
-              <div className="text-muted">
+              <div className="text-muted" style={{ textAlign: "left" }}>
                 {data?.updatedAt
                   ? formatUTCToLocalTime(data.updatedAt, true)
                   : "N/A"}