diff --git a/frontend/src/app/attendance/page.tsx b/frontend/src/app/attendance/page.tsx
index 9414c472..6e274579 100644
--- a/frontend/src/app/attendance/page.tsx
+++ b/frontend/src/app/attendance/page.tsx
@@ -61,7 +61,8 @@ const weekdays = [
 const defaultWorkdays = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"];
 const matrixDateColumnWidth = 140;
 const matrixEmployeeColumnWidth = 160;
-const matrixModalHorizontalPadding = 96;
+const matrixModalMaxWidth = 1152;
+const matrixModalHorizontalPadding = 48;
 
 type AttendancePeriodPreset = "month" | "custom";
 type EmployeeQuery = {
@@ -611,9 +612,10 @@ const DAYS_RU_FROM_INDEX: Record<number, string> = {
 };
 
 function calculateMatrixEmployeesPerPage(width: number) {
+  const modalWidth = Math.min(width * 0.95, matrixModalMaxWidth);
   const availableWidth = Math.max(
     0,
-    width - matrixModalHorizontalPadding - matrixDateColumnWidth,
+    modalWidth - matrixModalHorizontalPadding - matrixDateColumnWidth,
   );
   return Math.min(
     8,