dadaf

index.html

@@ -46,7 +46,7 @@
         /* Style for the tab buttons */
         .tabs {
             text-align: center;
-            margin-top: 20px;
+            margin-top: 30px;
         }
 
         .tab-button {

script.js

@@ -105,10 +105,10 @@ function openTab(tabId) {
     for (i = 0; i < tabcontent.length; i++) {
         tabcontent[i].style.display = "none";
     }
-    tabButtons.forEach(button => button.classList.remove('active'));
-    document.querySelector(`[data-tab='${tabId}']`).classList.add('active');
     var selectedTabContent = document.getElementById(tabId);
     if (selectedTabContent) {
         selectedTabContent.style.display = "block";
     }
+    tabButtons.forEach(button => button.classList.remove('active'));
+    document.querySelector(`[data-tab='${tabId}']`).classList.add('active');
 }