diff --git a/src/pages/dashboard.tsx b/src/pages/dashboard.tsx
index 4cf4b858..c3c9b01a 100644
--- a/src/pages/dashboard.tsx
+++ b/src/pages/dashboard.tsx
@@ -48,6 +48,7 @@ import calendar from '../assets/images/calendar.svg';
 import Header from '../components/Header';
 import Loader from '../components/Loader';
 import useDeterminePathColor from '../hooks/useDeterminePathColor';
+import { Role } from '@/utils/app.constant';
 
 interface DashboardProps {}
 
@@ -86,7 +87,7 @@ const Dashboard: React.FC<DashboardProps> = () => {
   const formattedSevenDaysAgo = shortDateFormat(sevenDaysAgo);
   const [userId, setUserId] = React.useState<string | null>(null);
   const [blockName, setBlockName] = React.useState<string>('');
-
+  const role = localStorage.getItem('role');
   useEffect(() => {
     setIsClient(true);
     const calculateDateRange = () => {
@@ -873,9 +874,11 @@ const Dashboard: React.FC<DashboardProps> = () => {
                     </Box>
                   </Box>
                 </Box>
-                <Box p={2}>
-                  <AttendanceComparison />
-                </Box>
+                {role === Role.TEAM_LEADER && (
+        <Box p={2}>
+          <AttendanceComparison />
+        </Box>
+      )}
                 {/* <Box sx={{ background: '#fff' }}>
             <Typography
               textAlign={'left'}