diff --git a/src/components/organisms/Carousel.svelte b/src/components/organisms/Carousel.svelte
index 5585004..838ccdd 100644
--- a/src/components/organisms/Carousel.svelte
+++ b/src/components/organisms/Carousel.svelte
@@ -81,12 +81,12 @@
     })
 </script>
 
-<div class="carousel {$$props.class ? $$props.class : ''}"
-    on:mousemove={handleArrowMove}
-    on:click={handleArrowClick}
->
+<div class="carousel {$$props.class ? $$props.class : ''}">
     {#if slides.length}
-        <div class="carousel__viewport" bind:this={carouselEl}>
+        <div class="carousel__viewport" bind:this={carouselEl}
+            on:mousemove={handleArrowMove}
+            on:click={handleArrowClick}
+        >
             <div class="carousel__slides">
                 {#each slides as { id, alt }}
                     <Image