diff --git a/src/photo/PhotoDetailPage.tsx b/src/photo/PhotoDetailPage.tsx
index d057a79e..8efe3eaf 100644
--- a/src/photo/PhotoDetailPage.tsx
+++ b/src/photo/PhotoDetailPage.tsx
@@ -97,6 +97,7 @@ export default function PhotoDetailPage({
         />}
         contentSide={<div className={cc(
           'grid grid-cols-2',
+          'gap-0.5 sm:gap-1',
           'md:flex md:gap-4',
           'user-select-none',
         )}>
diff --git a/src/photo/PhotoGrid.tsx b/src/photo/PhotoGrid.tsx
index 4f57b927..6db32045 100644
--- a/src/photo/PhotoGrid.tsx
+++ b/src/photo/PhotoGrid.tsx
@@ -40,7 +40,7 @@ export default function PhotoGrid({
     <div className="space-y-4">
       <AnimateItems
         className={cc(
-          'grid gap-1',
+          'grid gap-0.5 sm:gap-1',
           small
             ? 'grid-cols-3 xs:grid-cols-6'
             : HIGH_DENSITY
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index bf30df39..74fca5a9 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -63,6 +63,7 @@ export default function PhotoLarge({
         <div className={cc(
           'sticky top-4 self-start',
           'grid grid-cols-2 md:grid-cols-1',
+          'gap-x-0.5 sm:gap-x-1',
           'gap-y-4',
           '-translate-y-1',
           'mb-4',