diff --git a/packages/dashboard-v2/src/components/Slider/Slider.js b/packages/dashboard-v2/src/components/Slider/Slider.js
index 8a91f5f0..9439e79f 100644
--- a/packages/dashboard-v2/src/components/Slider/Slider.js
+++ b/packages/dashboard-v2/src/components/Slider/Slider.js
@@ -38,6 +38,15 @@ const Slider = ({ slides, breakpoints }) => {
     [slides, visibleSlides, setActiveIndex]
   );
 
+  React.useEffect(() => {
+    const maxIndex = slides.length - visibleSlides;
+
+    // Make sure to not scroll too far when screen size changes.
+    if (activeIndex > maxIndex) {
+      setActiveIndex(maxIndex);
+    }
+  }, [slides.length, visibleSlides, activeIndex]);
+
   return (
     <Container>
       <Scroller