diff --git a/src/components/MoreComponents.tsx b/src/components/MoreComponents.tsx
index 316da051..52a4c7d2 100644
--- a/src/components/MoreComponents.tsx
+++ b/src/components/MoreComponents.tsx
@@ -23,7 +23,7 @@ export default function MoreComponents({
   prefetch = true,
   itemsClass,
   wrapMoreButtonInSiteGrid,
-  debug,
+  debug = true,
 }: {
   stateKey: MoreComponentsKey
   initialOffset: number
@@ -207,6 +207,11 @@ export default function MoreComponents({
           : label}
     </button>;
 
+  console.log({
+    indexInView,
+    componentsLength: components.length,
+  });
+
   return <>
     <div className="space-y-4">
       <div className={itemsClass}>
diff --git a/src/photo/MorePhotosGrid.tsx b/src/photo/MorePhotosGrid.tsx
index 5db52fea..91d4bd62 100644
--- a/src/photo/MorePhotosGrid.tsx
+++ b/src/photo/MorePhotosGrid.tsx
@@ -41,6 +41,7 @@ export function MorePhotosGrid({
     <MoreComponents
       stateKey="PhotosGrid"
       label="More photos"
+      itemsClass='space-y-0.5 sm:space-y-1'
       initialOffset={initialOffset}
       itemsPerRequest={itemsPerRequest}
       getNextComponent={getNextComponent}