diff --git a/client/src/pages/filaments/list.tsx b/client/src/pages/filaments/list.tsx
index 3a55eba..0e04394 100644
--- a/client/src/pages/filaments/list.tsx
+++ b/client/src/pages/filaments/list.tsx
@@ -18,6 +18,10 @@ dayjs.extend(utc);
 export const FilamentList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
     syncWithLocation: true,
+    pagination: {
+      mode: "client",
+      pageSize: 20,
+    },
   });
 
   return (
diff --git a/client/src/pages/spools/list.tsx b/client/src/pages/spools/list.tsx
index 9cc622d..01919d0 100644
--- a/client/src/pages/spools/list.tsx
+++ b/client/src/pages/spools/list.tsx
@@ -19,6 +19,10 @@ dayjs.extend(utc);
 export const SpoolList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
     syncWithLocation: true,
+    pagination: {
+      mode: "client",
+      pageSize: 20,
+    },
   });
 
   tableProps.dataSource?.forEach((element) => {
diff --git a/client/src/pages/vendors/list.tsx b/client/src/pages/vendors/list.tsx
index 63dc589..3ec1f1c 100644
--- a/client/src/pages/vendors/list.tsx
+++ b/client/src/pages/vendors/list.tsx
@@ -17,6 +17,10 @@ dayjs.extend(utc);
 export const VendorList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
     syncWithLocation: true,
+    pagination: {
+      mode: "client",
+      pageSize: 20,
+    },
   });
 
   return (