diff --git a/web/src/lib/components/photos-page/skeleton.svelte b/web/src/lib/components/photos-page/skeleton.svelte
index 9d1ba69aec..2538ee49d4 100644
--- a/web/src/lib/components/photos-page/skeleton.svelte
+++ b/web/src/lib/components/photos-page/skeleton.svelte
@@ -13,7 +13,7 @@
   >
     {title}
   </div>
-  <div class="animate-pulse absolute w-full h-full" data-skeleton="true"></div>
+  <div class="animate-pulse absolute h-full ml-[10px]" style:width="calc(100% - 10px)" data-skeleton="true"></div>
 </div>
 
 <style>
@@ -22,6 +22,11 @@
     background-repeat: repeat;
     background-size: 235px, 235px;
   }
+  @media (max-width: 767px) {
+    [data-skeleton] {
+      background-size: 100px, 100px;
+    }
+  }
   :global(.dark) [data-skeleton] {
     background-image: url('/dark_skeleton.png');
   }