diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx
index b601c8d..22461fb 100644
--- a/src/routes/dashboard/index.tsx
+++ b/src/routes/dashboard/index.tsx
@@ -130,7 +130,7 @@ const Files = component$(() => {
 				console.log("Loading more files...");
 
 				debounce(async () => {
-					const newFiles = await api.list(page.value, 4); // gotta be a multiple of 4 so pages dont look weird
+					const newFiles = await api.list(page.value, 12); // gotta be a multiple of 4 so pages dont look weird
                     if (newFiles.length === 0) {
                         hasMore.value = false;
                         if (sentinel.value) observer.unobserve(sentinel.value);
@@ -160,7 +160,7 @@ const Files = component$(() => {
 				{hasMore.value && (
 					<div
 						ref={sentinel}
-						class="absolute bottom-0 left-0 h-56 flex items-center justify-center w-full bg-blue-500"
+						class="absolute bottom-0 left-0 h-56 flex items-center justify-center w-full"
 					>
 						{/* {loadingMore.value && (
 							loading spinner?