diff --git a/client/src/components/CarouselSliders.js b/client/src/components/CarouselSliders.js
index 2f8686e..3a18c9c 100644
--- a/client/src/components/CarouselSliders.js
+++ b/client/src/components/CarouselSliders.js
@@ -72,7 +72,11 @@ const CarouselSliders = (props) => {
                     : `${styles.Link} ${styles.ActiveLink}`
                 }
                 href={`#slide-${match.YouTubeID}`}
-                onClick={() => {
+                onClick={(e) => {
+                  e.preventDefault();
+                  document
+                    .getElementById(`slide-${match.YouTubeID}`)
+                    .scrollIntoView({ behavior: "smooth" });
                   setActiveVideoID(match.YouTubeID);
                 }}
               ></a>