diff --git a/src/components/Arrow/Arrow.svelte b/src/components/Arrow/Arrow.svelte
index b11105d..610b0d7 100644
--- a/src/components/Arrow/Arrow.svelte
+++ b/src/components/Arrow/Arrow.svelte
@@ -12,7 +12,7 @@
   export let disabled = false
 </script>
 
-<div
+<button
   class="sc-carousel-arrow__circle"
   class:sc-carousel-arrow__circle_disabled={disabled}
   on:click
@@ -22,7 +22,7 @@
     class:sc-carousel-arrow__arrow-next={direction === NEXT}
     class:sc-carousel-arrow__arrow-prev={direction === PREV}
   ></i>
-</div>
+</button>
 
 <style>
   :root {
@@ -61,4 +61,4 @@
   .sc-carousel-arrow__circle_disabled:hover {
     opacity: 0.5;
   }
-</style>
\ No newline at end of file
+</style>