diff --git a/addons_extensions/hr_emp_dashboard/static/src/css/employee_dashboard.css b/addons_extensions/hr_emp_dashboard/static/src/css/employee_dashboard.css
index 97b204306..0a103b53a 100644
--- a/addons_extensions/hr_emp_dashboard/static/src/css/employee_dashboard.css
+++ b/addons_extensions/hr_emp_dashboard/static/src/css/employee_dashboard.css
@@ -7,8 +7,8 @@
     border-radius: 12px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     margin-top: 20px;
-    max-height: 900px; /* Adjust this value as needed */
-    overflow-y: auto; /* Make the container scrollable */
+    max-height: 100%;  /* Adjust the height for scrolling */
+    overflow-y: auto;   /* Enable vertical scrolling */
 }
 
 /* General Container */
@@ -123,8 +123,8 @@
 
 .card-content {
     padding: 20px;
-    overflow-y: auto;
-    max-height: 350px;
+    overflow-y: auto;    /* Enable scroll if content overflows */
+    max-height: 350px;   /* Limit height to enable scroll */
     font-size: 1em;
     color: #555;
 }
@@ -165,10 +165,13 @@ body {
     font-family: 'Arial', sans-serif;
     color: #333;
     background-color: #f0f0f5;
+    display: flex;
     margin: 0;
     padding: 0;
-    overflow-y: auto;
-    height: 100%;
+    overflow-x: hidden;  /* Prevent horizontal scrolling */
+    overflow-y: auto;    /* Enable vertical scrolling */
+    height: 100%;        /* Ensure the body takes full height */
+    scroll-behavior: smooth;  /* Smooth scroll */
 }
 
 .profile-header {
@@ -319,3 +322,20 @@ body {
 }
 
 
+/* Optional: Scrollbar styling for Webkit browsers */
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: #f1f1f1;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #888;
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #555;
+}