diff --git a/ui/src/components/intranet/IntranetDashboard/index.tsx b/ui/src/components/intranet/IntranetDashboard/index.tsx
index b42fea3b..b8588f85 100644
--- a/ui/src/components/intranet/IntranetDashboard/index.tsx
+++ b/ui/src/components/intranet/IntranetDashboard/index.tsx
@@ -298,36 +298,36 @@ const IntranetDashboard: React.FC = () => {
 
             {/* Bugün Doğanlar */}
             <div className="bg-gradient-to-br from-pink-50 to-purple-50 dark:from-pink-900/20 dark:to-purple-900/20 rounded-lg shadow-sm border border-pink-200 dark:border-pink-800">
-              <div className="p-6">
-                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2 mb-4">
+              <div className="p-6 border-b border-pink-200 dark:border-pink-700">
+                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
                   🎂 Bugün Doğanlar
                 </h2>
+              </div>
+              <div className="p-4 space-y-3">
                 {todayBirthdays.length > 0 ? (
-                  <div className="space-y-3">
-                    {todayBirthdays.map((birthday, index) => (
-                      <div
-                        key={index}
-                        className="flex items-center gap-3 p-3 bg-white/50 dark:bg-gray-800/50 rounded-lg"
-                      >
-                        <img
-                          src={birthday.employee.avatar}
-                          alt={birthday.employee.fullName}
-                          className="w-12 h-12 rounded-full border-2 border-pink-300 dark:border-pink-700"
-                        />
-                        <div className="flex-1">
-                          <p className="text-sm font-semibold text-gray-900 dark:text-white">
-                            {birthday.employee.fullName}
-                          </p>
-                          <p className="text-xs text-gray-600 dark:text-gray-400">
-                            {birthday.age} yaşında 🎉
-                          </p>
-                          <p className="text-xs text-gray-500 dark:text-gray-500 mt-1">
-                            {birthday.employee.department?.name || 'Genel'}
-                          </p>
-                        </div>
+                  todayBirthdays.map((birthday, index) => (
+                    <div
+                      key={index}
+                      className="flex items-center gap-3 p-3 bg-white/50 dark:bg-gray-800/50 rounded-lg"
+                    >
+                      <img
+                        src={birthday.employee.avatar}
+                        alt={birthday.employee.fullName}
+                        className="w-12 h-12 rounded-full border-2 border-pink-300 dark:border-pink-700"
+                      />
+                      <div className="flex-1">
+                        <p className="text-sm font-semibold text-gray-900 dark:text-white">
+                          {birthday.employee.fullName}
+                        </p>
+                        <p className="text-xs text-gray-600 dark:text-gray-400">
+                          {birthday.age} yaşında 🎉
+                        </p>
+                        <p className="text-xs text-gray-500 dark:text-gray-500 mt-1">
+                          {birthday.employee.department?.name || 'Genel'}
+                        </p>
                       </div>
-                    ))}
-                  </div>
+                    </div>
+                  ))
                 ) : (
                   <p className="text-sm text-gray-500 dark:text-gray-400 text-center py-4">
                     Bugün doğan yok
@@ -417,29 +417,29 @@ const IntranetDashboard: React.FC = () => {
             {/* Doğum Günleri */}
             {weekBirthdays.length > 0 && (
               <div className="bg-gradient-to-br from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded-lg shadow-sm border border-purple-200 dark:border-purple-800">
-                <div className="p-6">
-                  <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2 mb-4">
+                <div className="p-6 border-b border-purple-200 dark:border-purple-700">
+                  <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
                     🎂 Bu Hafta Doğanlar
                   </h2>
-                  <div className="space-y-3">
-                    {weekBirthdays.map((birthday, index) => (
-                      <div key={index} className="flex items-center gap-3">
-                        <img
-                          src={birthday.employee.avatar}
-                          alt={birthday.employee.fullName}
-                          className="w-10 h-10 rounded-full border-2 border-purple-200 dark:border-purple-700"
-                        />
-                        <div className="flex-1">
-                          <p className="text-sm font-medium text-gray-900 dark:text-white">
-                            {birthday.employee.fullName}
-                          </p>
-                          <p className="text-xs text-gray-600 dark:text-gray-400">
-                            {dayjs(birthday.date).format('DD MMMM')} • {birthday.age} yaşında
-                          </p>
-                        </div>
+                </div>
+                <div className="p-4 space-y-3">
+                  {weekBirthdays.map((birthday, index) => (
+                    <div key={index} className="flex items-center gap-3">
+                      <img
+                        src={birthday.employee.avatar}
+                        alt={birthday.employee.fullName}
+                        className="w-10 h-10 rounded-full border-2 border-purple-200 dark:border-purple-700"
+                      />
+                      <div className="flex-1">
+                        <p className="text-sm font-medium text-gray-900 dark:text-white">
+                          {birthday.employee.fullName}
+                        </p>
+                        <p className="text-xs text-gray-600 dark:text-gray-400">
+                          {dayjs(birthday.date).format('DD MMMM')} • {birthday.age} yaşında
+                        </p>
                       </div>
-                    ))}
-                  </div>
+                    </div>
+                  ))}
                 </div>
               </div>
             )}
@@ -447,29 +447,29 @@ const IntranetDashboard: React.FC = () => {
             {/* İş Yıldönümleri */}
             {monthAnniversaries.length > 0 && (
               <div className="bg-gradient-to-br from-blue-50 to-cyan-50 dark:from-blue-900/20 dark:to-cyan-900/20 rounded-lg shadow-sm border border-blue-200 dark:border-blue-800">
-                <div className="p-6">
-                  <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2 mb-4">
+                <div className="p-6 border-b border-blue-200 dark:border-blue-700">
+                  <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
                     🎉 İş Yıldönümleri
                   </h2>
-                  <div className="space-y-3">
-                    {monthAnniversaries.map((anniversary, index) => (
-                      <div key={index} className="flex items-center gap-3">
-                        <img
-                          src={anniversary.employee.avatar}
-                          alt={anniversary.employee.fullName}
-                          className="w-10 h-10 rounded-full border-2 border-blue-200 dark:border-blue-700"
-                        />
-                        <div className="flex-1">
-                          <p className="text-sm font-medium text-gray-900 dark:text-white">
-                            {anniversary.employee.fullName}
-                          </p>
-                          <p className="text-xs text-gray-600 dark:text-gray-400">
-                            {anniversary.years} yıldır bizimle! 🎊
-                          </p>
-                        </div>
+                </div>
+                <div className="p-4 space-y-3">
+                  {monthAnniversaries.map((anniversary, index) => (
+                    <div key={index} className="flex items-center gap-3">
+                      <img
+                        src={anniversary.employee.avatar}
+                        alt={anniversary.employee.fullName}
+                        className="w-10 h-10 rounded-full border-2 border-blue-200 dark:border-blue-700"
+                      />
+                      <div className="flex-1">
+                        <p className="text-sm font-medium text-gray-900 dark:text-white">
+                          {anniversary.employee.fullName}
+                        </p>
+                        <p className="text-xs text-gray-600 dark:text-gray-400">
+                          {anniversary.years} yıldır bizimle! 🎊
+                        </p>
                       </div>
-                    ))}
-                  </div>
+                    </div>
+                  ))}
                 </div>
               </div>
             )}
diff --git a/ui/src/mocks/mockIntranetData.ts b/ui/src/mocks/mockIntranetData.ts
index 1078b831..abd63fa6 100644
--- a/ui/src/mocks/mockIntranetData.ts
+++ b/ui/src/mocks/mockIntranetData.ts
@@ -606,7 +606,7 @@ export const mockDocuments: Document[] = [
 export const mockBirthdays: Birthday[] = [
   {
     employee: mockEmployees[0],
-    date: new Date('1990-10-19'), // Bugün
+    date: new Date('1990-10-20'), // Bugün
     age: 35,
   },
   {