diff --git a/themes/buildpacks/layouts/index.html b/themes/buildpacks/layouts/index.html
index e63f35e01..b455073b3 100644
--- a/themes/buildpacks/layouts/index.html
+++ b/themes/buildpacks/layouts/index.html
@@ -35,20 +35,20 @@ <h2>
           <div>
             <ul class="nav nav-pills flex-md-row justify-content-end">
               <li class="nav-item">
-                <a class="nav-link py-3 active" data-toggle="tab" href="#java-video">
+                <a class="nav-link py-3 active" data-bs-toggle="tab" data-bs-target="#java-video" role="tab">
                   <img width="40" height="40"
                     src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg" alt="Java" />
                 </a>
               </li>
               <li class="nav-item">
-                <a class="nav-link py-3" data-toggle="tab" href="#javascript-video">
+                <a class="nav-link py-3" data-bs-toggle="tab" data-bs-target="#javascript-video" role="tab">
                   <img width="40" height="40"
                     src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg"
                     alt="JavaScript" />
                 </a>
               </li>
               <li class="nav-item">
-                <a class="nav-link py-3" data-toggle="tab" href="#python-video">
+                <a class="nav-link py-3" data-bs-toggle="tab" data-bs-target="#python-video" role="tab">
                   <img width="40" height="40"
                     src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg" alt="Python" />
                 </a>