diff --git a/src/pages/Expense/ExpensePage.jsx b/src/pages/Expense/ExpensePage.jsx
index a7b3028a..f57e83df 100644
--- a/src/pages/Expense/ExpensePage.jsx
+++ b/src/pages/Expense/ExpensePage.jsx
@@ -109,10 +109,10 @@ const ExpensePage = () => {
 
         {(IsViewAll || IsViewSelf) ? (
           <>
-            <div className="card my-1">
+            <div className="card my-3 px-sm-4 px-0">
               <div className="card-body py-2 px-3">
                 <div className="row align-items-center">
-                  <div className="col-sm-6 col-md-4">
+                  <div className="col-6 ">
                     <div className="d-flex align-items-center">
 
                       <input
@@ -126,11 +126,11 @@ const ExpensePage = () => {
                     </div>
                   </div>
 
-                  <div className="col-sm-6 col-md-8 text-end mt-2 mt-sm-0">
+                  <div className="col-6  text-end mt-2 mt-sm-0">
                     {IsCreatedAble && (
                       <button
                         type="button"
-                        className="p-1 me-2 bg-primary rounded-circle"
+                        className="p-1 me-1 m-sm-0  bg-primary rounded-circle"
                         title="Add New Expense"
                         onClick={() => setManageExpenseModal({ IsOpen: true, expenseId: null })}
                       >