diff --git a/src/admin/pages/Attendance.tsx b/src/admin/pages/Attendance.tsx
index 2c94ca7..142fe5c 100644
--- a/src/admin/pages/Attendance.tsx
+++ b/src/admin/pages/Attendance.tsx
@@ -630,13 +630,16 @@ export default function Attendance() {
       <Box
         sx={{
           display: "grid",
-          gridTemplateColumns: { xs: "1fr", lg: "1fr 340px" },
+          gridTemplateColumns: {
+            xs: "minmax(0, 1fr)",
+            lg: "minmax(0, 1fr) 340px",
+          },
           gap: 3,
           alignItems: "start",
         }}
       >
         {/* Left Column - Clock In/Out */}
-        <Box>
+        <Box sx={{ minWidth: 0 }}>
           <Card>
             <Box
               sx={{
@@ -979,7 +982,9 @@ export default function Attendance() {
         </Box>
 
         {/* Right Column - Stats & Quick Links */}
-        <Box sx={{ display: "flex", flexDirection: "column", gap: 3 }}>
+        <Box
+          sx={{ display: "flex", flexDirection: "column", gap: 3, minWidth: 0 }}
+        >
           {/* Leave Balance Card */}
           <StatCard
             icon={VacationIcon}
@@ -1169,7 +1174,7 @@ export default function Attendance() {
         <Box
           sx={{
             display: "grid",
-            gridTemplateColumns: "1fr 1fr",
+            gridTemplateColumns: "minmax(0, 1fr) minmax(0, 1fr)",
             gap: 2,
           }}
         >