diff --git a/app/components/newscarousel.js b/app/components/newscarousel.js
index 0fa13a55..486132bf 100644
--- a/app/components/newscarousel.js
+++ b/app/components/newscarousel.js
@@ -4,7 +4,7 @@ import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 import Image from "next/image";
 
-const PrevArrow = ({ currentSlide, slideCount, ...props }) => {
+const PrevArrow = ({ currentSlide, slideCount, onClick, ...props }) => {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
@@ -13,6 +13,7 @@ const PrevArrow = ({ currentSlide, slideCount, ...props }) => {
       fill='#000'
       className='bi bi-arrow-left-short align-self-center'
       viewBox='0 0 16 16'
+      onClick={onClick}
     >
       <path
         fillRule='evenodd'
@@ -22,7 +23,7 @@ const PrevArrow = ({ currentSlide, slideCount, ...props }) => {
   );
 };
 
-const NextArrow = ({ currentSlide, slideCount, ...props }) => {
+const NextArrow = ({ currentSlide, slideCount, onClick, ...props }) => {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
@@ -31,6 +32,7 @@ const NextArrow = ({ currentSlide, slideCount, ...props }) => {
       fill='#000'
       className='bi bi-arrow-left-short align-self-center'
       viewBox='0 0 16 16'
+      onClick={onClick}
     >
       <path
         fillRule='evenodd'