diff --git a/index.html b/index.html
index 2c2b4ab..4bd68d0 100644
--- a/index.html
+++ b/index.html
@@ -18,23 +18,25 @@
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
                 <span class="navbar-toggler-icon"></span>
             </button>
-
-            <div class="collapse navbar-collapse" id="navmenu">
-                <ul class="navbar-nav ms-auto">
-                  
-                    <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            Media
-                        </a>
-                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-                            <a href="#" data-target="videos" class="dropdown-item spalnk">Videos</a>
-                    
-                            <a class="dropdown-item spalink" href="#" data-target="playlists">YouTube Playlists</a>
-                          <a class="dropdown-item spalink" href="#" data-target="personalplaylists">Personal Playlists</a>
-                          <div class="dropdown-divider">Offline</div>
-                          <a class="dropdown-item" href="my_videos.html">My Videos</a><span class="badge badge-secondary">42</span>
-                        </div>
-                      </li>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDarkDropdown" aria-controls="navbarNavDarkDropdown" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+              </button>
+              <div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
+                <ul class="navbar-nav">
+                  <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                      Media
+                    </a>
+                    <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
+                      <li><a class="dropdown-item spalink" href="#" data-target="videos">Videos</a></li>
+                      <li><a class="dropdown-item" href="my_videos.html">My Videos</a><span class="badge badge-secondary">42</span></li>
+                      <li><a class="dropdown-item spalink" href="#" data-target="playlists">YouTube Playlists</a></li>
+                      <li><a class="dropdown-item spalink" href="#" data-target="personalplaylists">Personal Playlists</a></li>
+                    </ul>
+                  </li>
+                </ul>
+              </div>
+            
                     <li class="nav-item">
                         <a href="#" data-target="queue" class="nav-link spalnk">Queue</a>
                     </li>
diff --git a/js/new_main.js b/js/new_main.js
index 3087a26..b1eeab1 100644
--- a/js/new_main.js
+++ b/js/new_main.js
@@ -144,6 +144,3 @@ function yturl(url){
 
 
 setInterval(progress2page, 3000); 
-$(document).ready(function() {
-   $(".dropdown-toggle").dropdown();
-});
\ No newline at end of file