diff --git a/src/lib/categoryPelayananSurat.ts b/src/lib/categoryPelayananSurat.ts
index c0e2f48..9505ba7 100644
--- a/src/lib/categoryPelayananSurat.ts
+++ b/src/lib/categoryPelayananSurat.ts
@@ -23,7 +23,8 @@ export const categoryPelayananSurat = [
     dataPelengkap: [
       { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
       { key: "nama", name: "Nama Lengkap", desc: "Nama sesuai KTP" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir pemohon" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir pemohon" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir pemohon" },
       { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemohon" },
       { key: "alamat", name: "Alamat", desc: "Alamat lengkap tempat tinggal" },
       { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon" },
@@ -56,7 +57,8 @@ export const categoryPelayananSurat = [
     dataPelengkap: [
       { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
       { key: "nama", name: "Nama Lengkap", desc: "Nama sesuai KTP" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir pemohon" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir pemohon" },
       { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemohon" },
       { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal" },
       { key: "agama", name: "Agama", desc: "Agama pemohon" },
@@ -144,7 +146,8 @@ export const categoryPelayananSurat = [
     dataPelengkap: [
       { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
       { key: "nama", name: "Nama Lengkap", desc: "Nama sesuai KTP" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir" },
       { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemohon" },
       { key: "agama", name: "Agama", desc: "Agama pemohon" },
       { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal" },
@@ -181,7 +184,8 @@ export const categoryPelayananSurat = [
       { key: "hubungan_pelapor", name: "Hubungan dengan Almarhum", desc: "Hubungan pelapor dengan almarhum" },
       { key: "nama_almarhum", name: "Nama Almarhum", desc: "Nama lengkap almarhum" },
       { key: "nik_almarhum", name: "NIK Almarhum", desc: "Nomor Induk Kependudukan almarhum" },
-      { key: "ttl_almarhum", name: "Tempat & Tanggal Lahir Almarhum", desc: "Tempat dan tanggal lahir almarhum" },
+      { key: "tempat_lahir_almarhum", name: "Tempat Lahir Almarhum", desc: "Tempat lahir almarhum" },
+      { key: "tanggal_lahir_almarhum", name: "Tanggal Lahir Almarhum", desc: "Tanggal lahir almarhum" },
       { key: "alamat_almarhum", name: "Alamat Almarhum", desc: "Alamat terakhir almarhum" },
       { key: "agama_almarhum", name: "Agama Almarhum", desc: "Agama almarhum" },
       { key: "tanggal_kematian", name: "Tanggal Kematian", desc: "Tanggal meninggal dunia" },
@@ -213,7 +217,8 @@ export const categoryPelayananSurat = [
     dataText: [],
     dataPelengkap: [
       { key: "nama", name: "Nama Lengkap", desc: "Nama pemohon" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir" },
       { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemohon" },
       { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal" },
       { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon/orang tua" },
@@ -250,7 +255,8 @@ export const categoryPelayananSurat = [
     dataPelengkap: [
       { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
       { key: "nama_pemilik", name: "Nama Pemilik", desc: "Nama pemilik usaha" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir" },
       { key: "alamat_pemilik", name: "Alamat Pemilik", desc: "Alamat pemilik usaha" },
       { key: "nama_usaha", name: "Nama Usaha", desc: "Nama usaha" },
       { key: "bidang_usaha", name: "Bidang Usaha", desc: "Bidang atau jenis usaha" },
@@ -289,9 +295,14 @@ export const categoryPelayananSurat = [
         desc: "Nama lengkap pemohon"
       },
       {
-        key: "ttl",
-        name: "Tempat & Tanggal Lahir",
-        desc: "Tempat dan tanggal lahir pemohon"
+        key: "tempat_lahir",
+        name: "Tempat Lahir",
+        desc: "Tempat lahir pemohon"
+      },
+      {
+        key: "tanggal_lahir",
+        name: "Tanggal Lahir",
+        desc: "Tanggal lahir pemohon"
       },
       {
         key: "alamat",
@@ -329,7 +340,8 @@ export const categoryPelayananSurat = [
     dataPelengkap: [
       { key: "nama", name: "Nama Lengkap", desc: "Nama pemilik usaha" },
       { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemilik usaha" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir" },
       { key: "negara", name: "Kewarganegaraan", desc: "Kewarganegaraan pemilik usaha" },
       { key: "agama", name: "Agama", desc: "Agama pemilik usaha" },
       { key: "status_perkawinan", name: "Status Perkawinan", desc: "Status perkawinan" },
@@ -358,7 +370,8 @@ export const categoryPelayananSurat = [
     dataPelengkap: [
       { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
       { key: "nama", name: "Nama Lengkap", desc: "Nama anak" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir anak" },
+      { key: "tempat_lahir", name: "Tempat Lahir Anak", desc: "Tempat lahir anak" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir Anak", desc: "Tanggal lahir anak" },
       { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin anak" },
       { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal" },
       { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan (jika ada)" },
diff --git a/src/pages/scr/dashboard/pelayanan-surat/detail_pelayanan_page.tsx b/src/pages/scr/dashboard/pelayanan-surat/detail_pelayanan_page.tsx
index 701da8f..2327872 100644
--- a/src/pages/scr/dashboard/pelayanan-surat/detail_pelayanan_page.tsx
+++ b/src/pages/scr/dashboard/pelayanan-surat/detail_pelayanan_page.tsx
@@ -14,6 +14,7 @@ import {
   Group,
   List,
   Modal,
+  Spoiler,
   Stack,
   Table,
   Text,
@@ -432,41 +433,43 @@ function DetailDataHistori({ data }: { data: any }) {
       <Stack gap="md">
         <Flex align="center" justify="space-between">
           <Title order={4} c="gray.2">
-            Histori Pengajuan Surat
+            Riwayat Pengajuan Surat
           </Title>
         </Flex>
         <Divider my={0} />
-        <Table>
-          <Table.Thead>
-            <Table.Tr>
-              <Table.Th>Tanggal</Table.Th>
-              <Table.Th>Deskripsi</Table.Th>
-              <Table.Th>Status</Table.Th>
-              <Table.Th>User</Table.Th>
-            </Table.Tr>
-          </Table.Thead>
-          <Table.Tbody>
-            {data?.map((item: any) => (
-              <Table.Tr key={item.id}>
-                <Table.Td style={{ whiteSpace: "nowrap" }}>
-                  {item.createdAt.toLocaleString("id-ID", {
-                    day: "2-digit",
-                    month: "short",
-                    year: "numeric",
-                    hour: "2-digit",
-                    minute: "2-digit",
-                    hour12: false,
-                  })}
-                </Table.Td>
-                <Table.Td>{item.deskripsi}</Table.Td>
-                <Table.Td>{item.status}</Table.Td>
-                <Table.Td style={{ whiteSpace: "nowrap" }}>
-                  {item.nameUser ? item.nameUser : "-"}
-                </Table.Td>
+        <Spoiler maxHeight={200} showLabel="Show more" hideLabel="Hide" transitionDuration={1000}>
+          <Table>
+            <Table.Thead>
+              <Table.Tr>
+                <Table.Th>Tanggal</Table.Th>
+                <Table.Th>Deskripsi</Table.Th>
+                <Table.Th>Status</Table.Th>
+                <Table.Th>User</Table.Th>
               </Table.Tr>
-            ))}
-          </Table.Tbody>
-        </Table>
+            </Table.Thead>
+            <Table.Tbody>
+              {data?.map((item: any) => (
+                <Table.Tr key={item.id}>
+                  <Table.Td style={{ whiteSpace: "nowrap" }}>
+                    {item.createdAt.toLocaleString("id-ID", {
+                      day: "2-digit",
+                      month: "short",
+                      year: "numeric",
+                      hour: "2-digit",
+                      minute: "2-digit",
+                      hour12: false,
+                    })}
+                  </Table.Td>
+                  <Table.Td>{item.deskripsi}</Table.Td>
+                  <Table.Td>{item.status}</Table.Td>
+                  <Table.Td style={{ whiteSpace: "nowrap" }}>
+                    {item.nameUser ? item.nameUser : "-"}
+                  </Table.Td>
+                </Table.Tr>
+              ))}
+            </Table.Tbody>
+          </Table>
+        </Spoiler>
       </Stack>
     </Card>
   );
diff --git a/src/pages/scr/dashboard/pengaduan/detail_page.tsx b/src/pages/scr/dashboard/pengaduan/detail_page.tsx
index e4cb171..0e13810 100644
--- a/src/pages/scr/dashboard/pengaduan/detail_page.tsx
+++ b/src/pages/scr/dashboard/pengaduan/detail_page.tsx
@@ -12,6 +12,7 @@ import {
   Grid,
   Group,
   Modal,
+  Spoiler,
   Stack,
   Table,
   Text,
@@ -420,41 +421,43 @@ function DetailDataHistori({ data }: { data: any }) {
       <Stack gap="md">
         <Flex align="center" justify="space-between">
           <Title order={4} c="gray.2">
-            Histori Pengaduan
+            Riwayat Pengaduan
           </Title>
         </Flex>
         <Divider my={0} />
-        <Table>
-          <Table.Thead>
-            <Table.Tr>
-              <Table.Th>Tanggal</Table.Th>
-              <Table.Th>Deskripsi</Table.Th>
-              <Table.Th>Status</Table.Th>
-              <Table.Th>User</Table.Th>
-            </Table.Tr>
-          </Table.Thead>
-          <Table.Tbody>
-            {data?.map((item: any) => (
-              <Table.Tr key={item.id}>
-                <Table.Td style={{ whiteSpace: "nowrap" }}>
-                  {item.createdAt.toLocaleString("id-ID", {
-                    day: "2-digit",
-                    month: "short",
-                    year: "numeric",
-                    hour: "2-digit",
-                    minute: "2-digit",
-                    hour12: false,
-                  })}
-                </Table.Td>
-                <Table.Td>{item.deskripsi}</Table.Td>
-                <Table.Td>{item.status}</Table.Td>
-                <Table.Td style={{ whiteSpace: "nowrap" }}>
-                  {item.nameUser ? item.nameUser : "-"}
-                </Table.Td>
+        <Spoiler maxHeight={200} showLabel="Show more" hideLabel="Hide" transitionDuration={1000}>
+          <Table>
+            <Table.Thead>
+              <Table.Tr>
+                <Table.Th>Tanggal</Table.Th>
+                <Table.Th>Deskripsi</Table.Th>
+                <Table.Th>Status</Table.Th>
+                <Table.Th>User</Table.Th>
               </Table.Tr>
-            ))}
-          </Table.Tbody>
-        </Table>
+            </Table.Thead>
+            <Table.Tbody>
+              {data?.map((item: any) => (
+                <Table.Tr key={item.id}>
+                  <Table.Td style={{ whiteSpace: "nowrap" }}>
+                    {item.createdAt.toLocaleString("id-ID", {
+                      day: "2-digit",
+                      month: "short",
+                      year: "numeric",
+                      hour: "2-digit",
+                      minute: "2-digit",
+                      hour12: false,
+                    })}
+                  </Table.Td>
+                  <Table.Td>{item.deskripsi}</Table.Td>
+                  <Table.Td>{item.status}</Table.Td>
+                  <Table.Td style={{ whiteSpace: "nowrap" }}>
+                    {item.nameUser ? item.nameUser : "-"}
+                  </Table.Td>
+                </Table.Tr>
+              ))}
+            </Table.Tbody>
+          </Table>
+        </Spoiler>
       </Stack>
     </Card>
   );
diff --git a/src/server/routes/pelayanan_surat_route.ts b/src/server/routes/pelayanan_surat_route.ts
index cea18e1..6996e97 100644
--- a/src/server/routes/pelayanan_surat_route.ts
+++ b/src/server/routes/pelayanan_surat_route.ts
@@ -348,6 +348,9 @@ const PelayananRoute = new Elysia({
                   name: true,
                }
             }
+         },
+         orderBy: {
+            createdAt: "desc"
          }
       })
 
diff --git a/src/server/routes/pengaduan_route.ts b/src/server/routes/pengaduan_route.ts
index 37d5d68..fb60b14 100644
--- a/src/server/routes/pengaduan_route.ts
+++ b/src/server/routes/pengaduan_route.ts
@@ -436,6 +436,9 @@ const PengaduanRoute = new Elysia({
                   name: true,
                }
             }
+         },
+         orderBy: {
+            createdAt: "desc"
          }
       })