diff --git a/frontend/src/pages/TimeClockPage.jsx b/frontend/src/pages/TimeClockPage.jsx
index 75ad4ac..cbba4e7 100644
--- a/frontend/src/pages/TimeClockPage.jsx
+++ b/frontend/src/pages/TimeClockPage.jsx
@@ -871,7 +871,7 @@ const TimeClockPage = () => {
                         ? {
                             user_id:
                               selectedUserId,
-                          }
+                        }
                         : {}),
                     },
                   );
@@ -1595,7 +1595,7 @@ const TimeClockPage = () => {
         </CardTitle>
       </CardHeader>
 
-      <CardContent className="flex-1">
+      <CardContent className="flex min-h-0 flex-1 flex-col">
 
         {/* =========================
             ALERTES
@@ -1789,17 +1789,17 @@ const TimeClockPage = () => {
             GESTION + HISTORIQUE
         ====================================================== */}
 
-        <div className="grid w-full grid-cols-2 gap-3 lg:grid-cols-2 lg:gap-6">
+        <div className="grid w-full grid-cols-1 gap-6 lg:min-h-0 lg:flex-1 lg:grid-cols-2">
 
           {/* =================================================
               COLONNE GAUCHE
               GESTION ADMIN
           ================================================== */}
 
-          <div className="min-w-0">
+          <div className="flex min-w-0 flex-col lg:h-full">
 
             {isAdmin && (
-              <Card>
+              <Card className="lg:h-full">
 
                 <CardHeader className="border-b">
                   <CardTitle>
@@ -2143,9 +2143,9 @@ const TimeClockPage = () => {
               HISTORIQUE
           ================================================== */}
 
-          <div className="min-w-0">
+          <div className="flex min-w-0 flex-col lg:h-full">
 
-            <Card className="h-full">
+            <Card className="flex h-full flex-col">
 
               <CardHeader className="border-b">
                 <CardTitle>
@@ -2158,7 +2158,7 @@ const TimeClockPage = () => {
               </CardHeader>
 
 
-              <CardContent>
+              <CardContent className="flex-1">
 
                 {loading ? (
                   <p>