diff --git a/app/components/newscarousel.js b/app/components/newscarousel.js
index b1a3681f..389c663f 100644
--- a/app/components/newscarousel.js
+++ b/app/components/newscarousel.js
@@ -3,7 +3,7 @@ import Slider from "react-slick";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 
-const PrevArrow = ({ currentSlide, slideCount, ...props }) => {
+const PrevArrow = ({ currentSlide, slideCount,onClick, ...props }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -12,6 +12,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"
@@ -21,7 +22,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"
@@ -30,6 +31,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"