use exact active class

resources/js/components/SMMastHead.vue

@@ -18,7 +18,7 @@
                     v-for="(tab, idx) in tabs()"
                     :key="idx"
                     class="tab-item"
-                    active-class="active"
+                    exact-active-class="active"
                     >{{ tab.title }}</router-link
                 >
             </div>
@@ -58,6 +58,10 @@ const tabGroups = [
         { title: "Terms and Conditions", to: "/terms-and-conditions" },
         { title: "Privacy", to: "/privacy" },
     ],
+    [
+        { title: "Connect", to: "/minecraft" },
+        { title: "Curves", to: "/minecraft/curve" },
+    ],
 ];
 
 const route = useRoute();