From 8e21c860f81d2b9ee06d2cec8c656038db7581d2 Mon Sep 17 00:00:00 2001
From: JakeLegendXIII <jakelegendxiii@gmail.com>
Date: Mon, 30 Mar 2026 15:51:28 -0400
Subject: [PATCH] Fix carousel overlap issue

---
 index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.md b/index.md
index 5ee24c4a..baa6a364 100644
--- a/index.md
+++ b/index.md
@@ -13,7 +13,7 @@ description: MonoGame Documentation Hub
     <div id="learnCarousel" class="carousel slide mb-6" data-bs-ride="carousel">
         <div class="carousel-indicators">
             <button type="button" data-bs-target="#learnCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="2D Tutorial Slide"></button>
-            <button type="button" data-bs-target="#learnCarousel" data-bs-slide-to="1" class="active" aria-current="true" aria-label="2D Advanced Shaders Tutorial Slide"></button>
+            <button type="button" data-bs-target="#learnCarousel" data-bs-slide-to="1" aria-label="2D Advanced Shaders Tutorial Slide"></button>
             <!-- <button type="button" data-bs-target="#learnCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button> -->
             <!-- <button type="button" data-bs-target="#learnCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button> -->
         </div>
@@ -32,7 +32,7 @@ description: MonoGame Documentation Hub
                     </div>
                 </div>
             </div>
-            <div class="carousel-item active">
+            <div class="carousel-item">
                 <a href="/articles/tutorials/advanced/2d_shaders/index.html"><video autoplay loop muted style="max-width: 100%; height: auto;" aria-label="Advanced 2D shader tutorial"><source src="/images/learn/2d-shader-banner.webm" type="video/webm"></video></a>
                 <div class="container">
                     <div class="carousel-caption text-start">