diff --git a/frontend/src/helperComponents/Pagination.svelte b/frontend/src/helperComponents/Pagination.svelte
index cb3450a..e174f23 100644
--- a/frontend/src/helperComponents/Pagination.svelte
+++ b/frontend/src/helperComponents/Pagination.svelte
@@ -32,21 +32,25 @@
     });
   }
 
-  function changePage(e): void {
+  function changePage(
+    e: KeyboardEvent & { currentTarget: HTMLInputElement },
+  ): void {
     if (
       (e.key === "Enter" || e.key === "Tab") &&
-      Number(e.target.value) !== page
+      Number(e.currentTarget.value) !== page
     )
-      ChangeWatchListPage(Number(e.target.value));
+      ChangeWatchListPage(Number(e.currentTarget.value));
   }
 
-  function changeCountPerPage(e): void {
+  function changeCountPerPage(
+    e: Event & { currentTarget: HTMLSelectElement },
+  ): void {
     GetAniListUserWatchingList(
       1,
-      Number(e.target.value),
+      Number(e.currentTarget.value),
       MediaListSort.UpdatedTimeDesc,
     ).then((result) => {
-      animePerPage.set(Number(e.target.value));
+      animePerPage.set(Number(e.currentTarget.value));
       watchListPage.set(1);
       aniListWatchlist.set(result);
       aniListLoggedIn.set(true);
@@ -82,7 +86,7 @@
             <li>
               <button
                 on:click={() => ChangeWatchListPage(i + 1)}
-                class="flex items-center justify-center px-4 h-10 leading-tight border bg-gray-100 border-gray-700 bg-gray-700 text-white"
+                class="flex items-center justify-center px-4 h-10 leading-tight border hover:bg-gray-100 border-gray-700 bg-gray-700 text-white"
                 >{i + 1}</button
               >
             </li>