diff --git a/src/components/employees/EmployeeModal.tsx b/src/components/employees/EmployeeModal.tsx
index 41e7433..b4dc8b3 100644
--- a/src/components/employees/EmployeeModal.tsx
+++ b/src/components/employees/EmployeeModal.tsx
@@ -135,7 +135,7 @@ export default function EmployeeModal({
             </div>
           )}
 
-          {activeTab === 'personal' && (
+          <div className={activeTab === 'personal' ? 'block' : 'hidden'}>
             <div className="space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500">
               <div className="flex flex-col md:flex-row gap-10">
                 {/* Photo Upload */}
@@ -196,9 +196,9 @@ export default function EmployeeModal({
                 </div>
               </div>
             </div>
-          )}
+          </div>
 
-          {activeTab === 'employment' && (
+          <div className={activeTab === 'employment' ? 'block' : 'hidden'}>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-8 animate-in fade-in slide-in-from-bottom-4 duration-500">
               <div>
                 <label className={labelClass}>ŞİRKET</label>
@@ -256,9 +256,9 @@ export default function EmployeeModal({
                 <input type="date" name="leave_date" defaultValue={editingEmployee?.leave_date} className={inputClass} />
               </div>
             </div>
-          )}
+          </div>
 
-          {activeTab === 'contact' && (
+          <div className={activeTab === 'contact' ? 'block' : 'hidden'}>
             <div className="space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500">
               <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
                 <div>
@@ -297,7 +297,7 @@ export default function EmployeeModal({
                 <label className="text-sm font-bold text-[#173363]">SÜRÜCÜ EHLİYETİ VAR</label>
               </div>
             </div>
-          )}
+          </div>
 
           <div className="mt-12 flex gap-4">
             <button