diff --git a/web/src/components/photos/carousel.astro b/web/src/components/photos/carousel.astro
index a58518b..ae9c9fc 100644
--- a/web/src/components/photos/carousel.astro
+++ b/web/src/components/photos/carousel.astro
@@ -26,7 +26,7 @@ const getImageLink = async (record: any) => {
     const currentPosIndicator = document.getElementById('current-pos');
     const maxPosIndicator = document.getElementById('max-pos');
 
-    maxPosIndicator!.innerText = cap as string
+    maxPosIndicator!.innerText = (cap + 1) as string
     currentPosIndicator!.innerText = (pos + 1) as string
     
     function updatePhoto() {
@@ -71,7 +71,7 @@ const getImageLink = async (record: any) => {
     <!-- Hidden element to pass server data to client -->
     <div class="hidden" id="carousel-data">{JSON.stringify(photos)}</div>
     
-    <div class="flex flex-col self-center">
+    <div class="flex flex-col max-h-10/12 self-center">
         <img id="carousel-img" class="rounded-lg w-full h-full object-cover" src={ pb.files.getURL(photos[0], photos[0].image) } />
     </div>
 </div>
\ No newline at end of file