diff --git a/js/tests/integration/index.html b/js/tests/integration/index.html
index 5fa1e93b6..4c71bad91 100644
--- a/js/tests/integration/index.html
+++ b/js/tests/integration/index.html
@@ -21,7 +21,7 @@
 
         <div id="carouselExampleIndicators" class="carousel slide mt-2" data-bs-ride="carousel">
           <div class="carousel-indicators">
-            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0 aria-label="Slide 1""></button>
+            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" aria-label="Slide 1"></button>
             <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" class="active" aria-current="true" aria-label="Slide 2"></button>
             <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
           </div>
diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index fa2909276..4146a03fe 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -163,8 +163,8 @@
   padding: 0;
   // Use the .carousel-control's width as margin so we don't overlay those
   margin-right: $carousel-control-width;
-  margin-left: $carousel-control-width;
   margin-bottom: 1rem;
+  margin-left: $carousel-control-width;
   list-style: none;
 
   [data-bs-target] {
diff --git a/site/content/docs/5.0/examples/cheatsheet-rtl/index.html b/site/content/docs/5.0/examples/cheatsheet-rtl/index.html
index a4a25fecd..e4dc577ed 100644
--- a/site/content/docs/5.0/examples/cheatsheet-rtl/index.html
+++ b/site/content/docs/5.0/examples/cheatsheet-rtl/index.html
@@ -864,7 +864,7 @@ direction: rtl
         <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
           <div class="carousel-indicators">
             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"</button>
+            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
           </div>
           <div class="carousel-inner">