Update index.html

index.html

@@ -378,7 +378,7 @@ button:hover {
                 <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal2" href="#">SignUp</a>
                 <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal3" href="#">PlayList</a>
                 <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal4" href="#">About</a>
-                <a class="nav-link text-white" href="#" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling" aria-controls="offcanvasScrolling1">Settings</a>
+                <a class="nav-link text-white" href="#" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling" aria-controls="offcanvasScrolling">Settings</a>
                 <a class="nav-link text-white" href="#">Downloads</a>
                 </div>
             </div>
@@ -386,7 +386,7 @@ button:hover {
     </div>
 
 <!-- Settiings page-->
-            <div class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasScrolling1" aria-labelledby="offcanvasScrollingLabel">
+            <div class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
             <div class="offcanvas-header">
               <h5 class="offcanvas-title" id="offcanvasScrollingLabel">Settings</h5>
               <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>