diff --git a/app/layouts/news/banner.tsx b/app/layouts/news/banner.tsx
index c7d4600..cedad42 100644
--- a/app/layouts/news/banner.tsx
+++ b/app/layouts/news/banner.tsx
@@ -8,7 +8,11 @@ import type { loader } from '~/routes/_news'
 export const Banner = () => {
   const loaderData = useRouteLoaderData<typeof loader>('routes/_news')
   const { adsData } = loaderData || {}
-  const [emblaReference] = useEmblaCarousel({ loop: true }, [Autoplay()])
+  const [emblaReference] = useEmblaCarousel({ loop: true }, [
+    Autoplay({
+      stopOnInteraction: false,
+    }),
+  ])
   const fetcher = useFetcher()
 
   return (