diff --git a/src/components/Dashboard/AttendanceChart.jsx b/src/components/Dashboard/AttendanceChart.jsx
index 1fd024fa..ea3e2ba4 100644
--- a/src/components/Dashboard/AttendanceChart.jsx
+++ b/src/components/Dashboard/AttendanceChart.jsx
@@ -100,7 +100,7 @@ const AttendanceOverview = () => {
   };
 
   return (
-    <div className="bg-white p-4 rounded shadow d-flex flex-column">
+    <div className="bg-white p-4 rounded shadow d-flex flex-column h-100">
       {/* Header */}
       <div className="d-flex justify-content-between align-items-center mb-3">
         <div className="card-title mb-0 text-start">
@@ -139,7 +139,7 @@ const AttendanceOverview = () => {
       </div>
 
       {/* Content */}
-      <div className="flex-grow-1 d-flex  align-items-center modal-min-h justify-content-center">
+      <div className="flex-grow-1 d-flex  align-items-center justify-content-center">
         {loading ? (
           <SpinnerLoader />
         ) : error ? (
diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index 4c09056a..3d0f0a66 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -63,12 +63,12 @@ const Dashboard = () => {
                 </div>
 
                 <div className="col-12 col-xl-4 col-md-6">
-                    <div className="card ">
+                    <div className="card h-100">
                         <ExpenseStatus />
                     </div>
                 </div>
                 {!isAllProjectsSelected && (
-                    <div className="col-12 col-md-6 mb-sm-0 mb-4 ">
+                    <div className="col-12 col-md-6 mb-sm-0 mb-4">
                         <AttendanceOverview />
                     </div>
                 )}
diff --git a/src/components/Dashboard/ExpenseByProject.jsx b/src/components/Dashboard/ExpenseByProject.jsx
index 6dc2f49a..9d617efe 100644
--- a/src/components/Dashboard/ExpenseByProject.jsx
+++ b/src/components/Dashboard/ExpenseByProject.jsx
@@ -83,7 +83,7 @@ const ExpenseByProject = () => {
   ];
 
   return (
-    <div className="card shadow-sm rounded ">
+    <div className="card shadow-sm h-100 rounded ">
       {/* Header */}
       <div className="card-header">
         <div className="d-flex justify-content-start align-items-center mb-3 mt-3">