diff --git a/frontend/src/pages/Roster.tsx b/frontend/src/pages/Roster.tsx
index 7ca797e..d2ca555 100644
--- a/frontend/src/pages/Roster.tsx
+++ b/frontend/src/pages/Roster.tsx
@@ -824,7 +824,7 @@ export default function Roster() {
                         )}
                       </div>
                     </td>}
-                    {colVisible('hireDate') && <td className="px-4 py-2.5 text-gray-500">{e.hireDate?.toString().slice(0, 10)}</td>}
+                    {colVisible('hireDate') && <td className="px-4 py-2.5 text-xs text-gray-500">{e.hireDate?.toString().slice(0, 10)}</td>}
                     <td className="hidden px-4 py-2.5 text-gray-500">
                       {e.hasTermination && e.latestTerminationDate && e.latestTerminationStatus !== 'CANCELLED' && e.latestTerminationStatus !== 'COMPLETED' ? (
                         <span className={e.status === 'RESIGNED' ? 'text-gray-500' : 'text-amber-600'}>
@@ -836,7 +836,7 @@ export default function Roster() {
                       )}
                     </td>
                     {colVisible('position') && <td className="px-4 py-2.5 text-gray-500">{e.position || '—'}</td>}
-                    {colVisible('phone') && <td className="px-4 py-2.5 text-gray-500">{e.phone || '—'}</td>}
+                    {colVisible('phone') && <td className="px-4 py-2.5 text-xs text-gray-500">{e.phone || '—'}</td>}
                     {colVisible('gender') && <td className="px-4 py-2.5 text-center text-gray-500">{e.gender || '—'}</td>}
                     {colVisible('contractType') && <td className="px-4 py-2.5">
                       {(() => {