diff --git a/ui/src/lib/TablePagination.svelte b/ui/src/lib/TablePagination.svelte
index 6d96eb4..6d336ce 100644
--- a/ui/src/lib/TablePagination.svelte
+++ b/ui/src/lib/TablePagination.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
-    let {promise_data, actual_records= $bindable()} = $props();
+    let {promise_data, actual_records= $bindable(), page_count = 10} = $props();
     let records: Array<any[]> = $state([])
-    const page_count = $state(5)
     let page_number = $state(0)
     let max_page_number = $state(0)
     const setPage = (new_page: number) => {
diff --git a/ui/src/routes/working-hours/+page.svelte b/ui/src/routes/working-hours/+page.svelte
index ed059c0..1788ea2 100644
--- a/ui/src/routes/working-hours/+page.svelte
+++ b/ui/src/routes/working-hours/+page.svelte
@@ -77,7 +77,7 @@
                     <tfoot>
                     <tr>
                         <td colspan="4">
-                            <TablePagination promise_data={records} bind:actual_records={actual_records}/>
+                            <TablePagination promise_data={records} bind:actual_records={actual_records} page_count={15}/>
                         </td>
                     </tr>
                     </tfoot>