diff --git a/src/app/website/features/ImageCarousel.svelte b/src/app/website/features/ImageCarousel.svelte
index 448538c..32cf14b 100644
--- a/src/app/website/features/ImageCarousel.svelte
+++ b/src/app/website/features/ImageCarousel.svelte
@@ -60,14 +60,15 @@
     {/each}
   </div>
   {#if currentImageIdx != null}
-    <div class="absolute bottom-6 w-full flex justify-center gap-2.5">
+    <div class="absolute bottom-6 w-full flex justify-center gap-1.5">
       {#each images as image, i (image.path)}
         <button
+          class="flex p-0.5 cursor-pointer z-20"
           aria-label={`scroll to image ${i}`}
-          class="w-2.5 h-2.5 bg-white opacity-50 rounded-full cursor-pointer"
-          class:opacity-100={currentImageIdx === i}
           onclick={() => scrollToIdx(i)}
-        ></button>
+          ><span class="block w-2.5 h-2.5 bg-white opacity-50 rounded-full" class:opacity-100={currentImageIdx === i}
+          ></span></button
+        >
       {/each}
     </div>
     <div class="absolute top-0 left-2 h-full flex items-center">