diff --git a/src/components/ArrowScroll.tsx b/src/components/ArrowScroll.tsx
index 5a8b6c6a..b8adb7c9 100644
--- a/src/components/ArrowScroll.tsx
+++ b/src/components/ArrowScroll.tsx
@@ -25,7 +25,7 @@ const ArrowWrapperSC = styled.div<{
   $direction?: 'left' | 'right'
 }>(({ theme, $direction }) => ({
   color: theme.colors['icon-light'],
-  zIndex: theme.zIndexes.modal,
+  zIndex: theme.zIndexes.modal - 1,
   position: 'absolute',
   top: 0,
   bottom: 0,