diff --git a/frontend/client-portal/src/pages/EmployeeData/List.tsx b/frontend/client-portal/src/pages/EmployeeData/List.tsx
index 36aa57ba..1d8a0476 100644
--- a/frontend/client-portal/src/pages/EmployeeData/List.tsx
+++ b/frontend/client-portal/src/pages/EmployeeData/List.tsx
@@ -326,8 +326,9 @@ export default function List() {
                   sx={{
                     backgroundColor: (theme) => theme.palette.grey[300],
                     borderRadius: '4px',
-                    width: '70%',
+                    width: '95%',
                   }}
+                  variant="body2"
                 >
                   {obj.start_date ? format(new Date(obj.start_date), "dd MMMM yyyy HH:mm:ss") : ''}
                 </Typography>
@@ -337,20 +338,23 @@ export default function List() {
                   sx={{
                     backgroundColor: (theme) => theme.palette.grey[300],
                     borderRadius: '4px',
-                    width: '70%',
+                    width: '95%',
                   }}
+                  variant="body2"
                 >
                   {obj.end_date ? format(new Date(obj.end_date), "d MMMM yyyy HH:mm:ss") : ''}
                 </Typography>
               ,
               fullName:
                 <Typography
+                  variant="body2"
                 >
                   {obj.fullName}
                 </Typography>
               ,
               memberId:
                 <Typography
+                  variant="body2"
                 >
                   {obj.memberId}
                 </Typography>