diff --git a/src/components/Employee/EmpActivities.jsx b/src/components/Employee/EmpActivities.jsx
index 8d23b68a..55ea38cc 100644
--- a/src/components/Employee/EmpActivities.jsx
+++ b/src/components/Employee/EmpActivities.jsx
@@ -21,7 +21,7 @@ const EmpActivities = ({ employee }) => {
   if (isLoading) return <div>Loading...</div>
   return (
     <>
-      <div className="card h-100 mt-4">
+      <div className="card page-min-h mt-3">
         <div className="card-body">
           <div className="my-0 text-start">
             <DateRangePicker
diff --git a/src/components/Employee/EmpAttendance.jsx b/src/components/Employee/EmpAttendance.jsx
index 481cd03f..7316e091 100644
--- a/src/components/Employee/EmpAttendance.jsx
+++ b/src/components/Employee/EmpAttendance.jsx
@@ -71,7 +71,7 @@ const EmpAttendance = () => {
           <AttendLogs Id={attendanceId} />
         </GlobalModel>
       )}
-      <div className="card px-4 mt-5 py-2 " style={{ minHeight: "500px" }}>
+      <div className="card px-4 mt-3 py-2 " style={{ minHeight: "500px" }}>
         <div
           className="dataTables_length text-start py-2 d-flex justify-content-between "
           id="DataTables_Table_0_length"
diff --git a/src/components/Employee/EmpDashboard.jsx b/src/components/Employee/EmpDashboard.jsx
index 91958f3f..8db06fd1 100644
--- a/src/components/Employee/EmpDashboard.jsx
+++ b/src/components/Employee/EmpDashboard.jsx
@@ -18,7 +18,7 @@ const EmpDashboard = ({ profile }) => {
           <EmpOverview profile={profile}></EmpOverview>
         </div>
 
-        <div className="col col-sm-6 pt-5">
+        <div className="col col-sm-6 mt-3">
           <div className="card ">
             <div className="card-body">
               <small className="card-text text-uppercase text-body-secondary small text-start d-block">
@@ -82,7 +82,7 @@ const EmpDashboard = ({ profile }) => {
             </div>
           </div>
         </div>
-        <div className="col-12 col-sm-6 pt-5">
+        <div className="col-12 col-sm-6 pt-2">
           <EmpReportingManager
             employeeId={profile?.id}
             employee={profile}
diff --git a/src/components/Employee/EmpDocuments.jsx b/src/components/Employee/EmpDocuments.jsx
index b4c8046b..e98f22bf 100644
--- a/src/components/Employee/EmpDocuments.jsx
+++ b/src/components/Employee/EmpDocuments.jsx
@@ -6,10 +6,12 @@ import { useParams } from "react-router-dom";
 import { DOCUMENTS_ENTITIES } from "../../utils/constants";
 
 const EmpDocuments = ({ profile, loggedInUser }) => {
- const {employeeId} = useParams()
+  const { employeeId } = useParams()
   return (
     <>
-       <Documents Document_Entity={DOCUMENTS_ENTITIES.EmployeeEntity} Entity={employeeId} />
+      <div className="mt-3">
+        <Documents Document_Entity={DOCUMENTS_ENTITIES.EmployeeEntity} Entity={employeeId} />
+      </div>
     </>
   );
 };
diff --git a/src/components/Employee/EmpOverview.jsx b/src/components/Employee/EmpOverview.jsx
index cf4ce4af..79a7e423 100644
--- a/src/components/Employee/EmpOverview.jsx
+++ b/src/components/Employee/EmpOverview.jsx
@@ -5,7 +5,7 @@ const EmpOverview = ({ profile }) => {
   const { loggedInUserProfile } = useProfile();
 
   return (
-    <div className="row">
+    <div className="row mt-n2">
       <div className="col-12 mb-4">
         <div className="card">
           <div className="card-body">