diff --git a/src/app/employees/page.tsx b/src/app/employees/page.tsx
index a594955..04b9d5e 100644
--- a/src/app/employees/page.tsx
+++ b/src/app/employees/page.tsx
@@ -28,7 +28,7 @@ export default async function EmployeesPage() {
   const { data: jobTitles } = await supabase.from('job_titles').select('id, name').order('name')
 
   return (
-    <div className="p-4 sm:p-6 lg:p-8 max-w-7xl mx-auto">
+    <div className="p-4 sm:p-6 lg:p-10 max-w-full mx-auto">
       <EmployeeTable 
         initialEmployees={employees || []} 
         companies={companies || []}
diff --git a/src/components/employees/EmployeeTable.tsx b/src/components/employees/EmployeeTable.tsx
index 892cd3d..e556682 100644
--- a/src/components/employees/EmployeeTable.tsx
+++ b/src/components/employees/EmployeeTable.tsx
@@ -101,19 +101,19 @@ export default function EmployeeTable({
             </div>
           </div>
         </div>
-        <div className="flex flex-col xs:flex-row gap-3">
+        <div className="flex flex-row items-center gap-3">
           <button
             onClick={() => setIsUserModalOpen(true)}
-            className="group flex items-center justify-center gap-2 bg-slate-100 dark:bg-zinc-800 hover:bg-[#173363] text-[#173363] dark:text-slate-300 hover:text-white px-6 py-3.5 rounded-full font-black transition-all duration-500 active:scale-95 text-[10px] tracking-widest"
+            className="group flex-1 sm:flex-none flex items-center justify-center gap-2 bg-slate-100 dark:bg-zinc-800 hover:bg-[#173363] text-[#173363] dark:text-slate-300 hover:text-white px-4 sm:px-6 py-3 sm:py-3.5 rounded-full font-black transition-all duration-500 active:scale-95 text-[9px] sm:text-[10px] tracking-widest whitespace-nowrap"
           >
-            <UserPlusIcon className="w-4 h-4" />
+            <UserPlusIcon className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
             KULLANICI TANIMLA
           </button>
           <button
             onClick={handleAdd}
-            className="group flex items-center justify-center gap-2 bg-[#173363] hover:bg-[#CE0515] text-white px-6 py-3.5 rounded-full font-black shadow-lg shadow-blue-900/20 transition-all duration-500 active:scale-95 text-[10px] tracking-widest"
+            className="group flex-1 sm:flex-none flex items-center justify-center gap-2 bg-[#173363] hover:bg-[#CE0515] text-white px-4 sm:px-6 py-3 sm:py-3.5 rounded-full font-black shadow-lg shadow-blue-900/20 transition-all duration-500 active:scale-95 text-[9px] sm:text-[10px] tracking-widest whitespace-nowrap"
           >
-            <PlusIcon className="w-4 h-4" />
+            <PlusIcon className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
             YENİ PERSONEL
           </button>
         </div>