diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index 87d3bb29..11be80ee 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -215,28 +215,28 @@
     <div class="flex items-center gap-2">
       <button
         class="border rounded p-1"
-        onClick={() => $table.setPageIndex(0)}
+        on:click={() => $table.setPageIndex(0)}
         disabled={!$table.getCanPreviousPage()}
       >
         {"<<"}
       </button>
       <button
         class="border rounded p-1"
-        onClick={() => $table.previousPage()}
+        on:click={() => $table.previousPage()}
         disabled={!$table.getCanPreviousPage()}
       >
         {"<"}
       </button>
       <button
         class="border rounded p-1"
-        onClick={() => $table.nextPage()}
+        on:click={() => $table.nextPage()}
         disabled={!$table.getCanNextPage()}
       >
         {">"}
       </button>
       <button
         class="border rounded p-1"
-        onClick={() => $table.setPageIndex($table.getPageCount() - 1)}
+        on:click={() => $table.setPageIndex($table.getPageCount() - 1)}
         disabled={!$table.getCanNextPage()}
       >
         {">>"}
@@ -253,7 +253,7 @@
         <input
           type="number"
           defaultValue={$table.getState().pagination.pageIndex + 1}
-          onChange={(e) => {
+          on:change={(e) => {
             const page = e.target.value ? Number(e.target.value) - 1 : 0;
             $table.setPageIndex(page);
           }}