diff --git a/components/SearchAndLayout.tsx b/components/SearchAndLayout.tsx
index 9cfd5e4..5b4e23c 100644
--- a/components/SearchAndLayout.tsx
+++ b/components/SearchAndLayout.tsx
@@ -1,5 +1,4 @@
 import { ChangeEvent } from "react";
-import Cookies from "js-cookie";
 
 interface SearchAndLayoutProps {
     search: string;
diff --git a/hooks/useSites.ts b/hooks/useSites.ts
index 69e5ff0..b82851e 100644
--- a/hooks/useSites.ts
+++ b/hooks/useSites.ts
@@ -13,7 +13,10 @@ const useSite = () => {
     const [siteId, setSiteId] = useState("");
     const [loading, setLoading] = useState(false);
     const [currentPage, setCurrentPage] = useState(1);
-    const [itemPerPage, setItemPerPage] = useState(5);
+    const [itemPerPage, setItemPerPage] = useState(() => {
+        const savedValue = Cookies.get('sites-itemPerPage');
+        return savedValue ? parseInt(savedValue, 10) : 5;
+    });
     const [total, setTotal] = useState(0);
     const [search, setSearch] = useState("");
     const [sites, setSites] = useState([]);