diff --git a/patterns/vsf-register-step-1.html b/patterns/vsf-register-step-1.html
index 1ffdda9..6abf99f 100644
--- a/patterns/vsf-register-step-1.html
+++ b/patterns/vsf-register-step-1.html
@@ -17,12 +17,12 @@
           <p class="sg-portal-header__brand sg-brand-title" data-pattern-part="portal-header-brand">ValueStockFinder</p>
 
           <div class="sg-portal-header__menu-wrap" data-pattern-part="portal-header-action">
-            <div class="sg-component-row">
-              <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
+            <div class="sg-tab-button-group" role="tablist" aria-label="Anmeldung" data-component="tab-navigation" data-component-size="large" data-component-context="portal-header">
+              <button class="sg-interaction-element sg-button sg-tab-button" type="button" role="tab" aria-selected="false" data-component-part="tab-button" data-component-state="inactive">
                 Login
               </button>
 
-              <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
+              <button class="sg-interaction-element sg-button sg-tab-button" type="button" role="tab" aria-selected="false" data-component-part="tab-button" data-component-state="inactive">
                 Registrieren
               </button>
             </div>
@@ -94,7 +94,7 @@
 
   <script src="../scripts/help-icon-overlays.js"></script>
   <script>
-    document.querySelectorAll('.sg-portal-header__tabs').forEach((group) => {
+    document.querySelectorAll('.sg-portal-header__tabs, .sg-portal-header__menu-wrap .sg-tab-button-group').forEach((group) => {
       group.querySelectorAll('.sg-tab-button').forEach((button) => {
         button.addEventListener('click', () => {
           group.querySelectorAll('.sg-tab-button').forEach((otherButton) => {