diff --git a/src/pages/scr/dashboard/pelayanan-surat/list_pelayanan_page.tsx b/src/pages/scr/dashboard/pelayanan-surat/list_pelayanan_page.tsx
index 0458d9d..4d82264 100644
--- a/src/pages/scr/dashboard/pelayanan-surat/list_pelayanan_page.tsx
+++ b/src/pages/scr/dashboard/pelayanan-surat/list_pelayanan_page.tsx
@@ -171,7 +171,7 @@ function ListPelayananSurat({ status }: { status: StatusKey }) {
   return (
     <Stack gap="xl">
       <Grid>
-        <Grid.Col span={10}>
+        <Grid.Col span={9}>
           <Input
             value={value}
             placeholder="Cari pengajuan..."
@@ -187,9 +187,9 @@ function ListPelayananSurat({ status }: { status: StatusKey }) {
             }
           />
         </Grid.Col>
-        <Grid.Col span={2}>
-          <Group justify="space-between" grow>
-            <Text size="sm">{`${pageSize * (page - 1) + 1} – ${Math.min(total, pageSize * page)} of ${total}`}</Text>
+        <Grid.Col span={3}>
+          <Group justify="flex-end">
+            <Text size="sm" c="gray.5">{`${pageSize * (page - 1) + 1} – ${Math.min(total, pageSize * page)} of ${total}`}</Text>
             <Pagination total={totalPage} value={page} onChange={setPage} withPages={false} />
           </Group>
         </Grid.Col>
diff --git a/src/pages/scr/dashboard/pengaduan/list_page.tsx b/src/pages/scr/dashboard/pengaduan/list_page.tsx
index 974ef64..0031ddb 100644
--- a/src/pages/scr/dashboard/pengaduan/list_page.tsx
+++ b/src/pages/scr/dashboard/pengaduan/list_page.tsx
@@ -179,7 +179,7 @@ function ListPengaduan({ status }: { status: StatusKey }) {
   return (
     <Stack gap="xl">
       <Grid>
-        <Grid.Col span={10}>
+        <Grid.Col span={9}>
           <Input
             value={value}
             placeholder="Cari pengaduan..."
@@ -195,9 +195,9 @@ function ListPengaduan({ status }: { status: StatusKey }) {
             }
           />
         </Grid.Col>
-        <Grid.Col span={2}>
-          <Group justify="space-between" grow>
-            <Text size="sm">{`${pageSize * (page - 1) + 1} – ${Math.min(total, pageSize * page)} of ${total}`}</Text>
+        <Grid.Col span={3}>
+          <Group justify="flex-end">
+            <Text size="sm" c="gray.5">{`${pageSize * (page - 1) + 1} – ${Math.min(total, pageSize * page)} of ${total}`}</Text>
             <Pagination total={totalPage} value={page} onChange={setPage} withPages={false} />
           </Group>
         </Grid.Col>