diff --git a/packages/person-select/src/vpu-person-select-demo.js b/packages/person-select/src/vpu-person-select-demo.js
index 49b8f8ed8287d46dad404d2785e09ede79bdf473..71087ba3c78abfdf2182c35899095d32be8108f1 100644
--- a/packages/person-select/src/vpu-person-select-demo.js
+++ b/packages/person-select/src/vpu-person-select-demo.js
@@ -2,7 +2,7 @@ import {i18n} from './i18n.js';
 import {css, html, LitElement} from 'lit-element';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {PersonSelect} from './person-select.js';
-import {Auth} from 'vpu-auth';
+import {AuthKeycloak, LoginButton} from 'vpu-auth';
 import * as commonUtils from 'vpu-common/utils';
 import * as commonStyles from 'vpu-common/styles';
 
@@ -15,7 +15,8 @@ class PersonSelectDemo extends ScopedElementsMixin(LitElement) {
 
     static get scopedElements() {
         return {
-          'vpu-auth': Auth,
+          'vpu-auth-keycloak': AuthKeycloak,
+          'vpu-login-button': LoginButton,
           'vpu-person-select': PersonSelect,
         };
     }
@@ -49,7 +50,8 @@ class PersonSelectDemo extends ScopedElementsMixin(LitElement) {
     getAuthComponentHtml() {
         return this.noAuth ? html`` : html`
             <div class="container">
-                <vpu-auth lang="${this.lang}" client-id="${commonUtils.setting('keyCloakClientId')}" load-person></vpu-auth>
+                <vpu-auth-keycloak lang="${this.lang}" url="https://auth-dev.tugraz.at/auth" realm="tugraz" client-id="auth-dev-mw-frontend-local" load-person try-login></vpu-auth-keycloak>
+                <vpu-login-button lang="${this.lang}" show-image></vpu-login-button>
             </div>
         `;
     }
diff --git a/packages/person-select/vendor/auth b/packages/person-select/vendor/auth
index d3c04ca3eabebe0505ed09dd0a70255329e33a53..39d0e356c029e0f2e92233520660ce307d0741d5 160000
--- a/packages/person-select/vendor/auth
+++ b/packages/person-select/vendor/auth
@@ -1 +1 @@
-Subproject commit d3c04ca3eabebe0505ed09dd0a70255329e33a53
+Subproject commit 39d0e356c029e0f2e92233520660ce307d0741d5
diff --git a/packages/person-select/vendor/common b/packages/person-select/vendor/common
index 28492fe6e9f9683295a9b8f3c383c304969e7fee..63b49c3a2eeae312b4a2aeec4cc2f7f0ee12b749 160000
--- a/packages/person-select/vendor/common
+++ b/packages/person-select/vendor/common
@@ -1 +1 @@
-Subproject commit 28492fe6e9f9683295a9b8f3c383c304969e7fee
+Subproject commit 63b49c3a2eeae312b4a2aeec4cc2f7f0ee12b749