diff --git a/packages/knowledge-base-web-page-element-view/src/knowledge-base-web-page-element-view.js b/packages/knowledge-base-web-page-element-view/src/knowledge-base-web-page-element-view.js
index 7991c14d25186bf7959f37eae648ae0f5092dd0b..9fb9e6c61ac43100ded43267676b4aebae335a17 100644
--- a/packages/knowledge-base-web-page-element-view/src/knowledge-base-web-page-element-view.js
+++ b/packages/knowledge-base-web-page-element-view/src/knowledge-base-web-page-element-view.js
@@ -160,8 +160,6 @@ export class KnowledgeBaseWebPageElementView extends ScopedElementsMixin(VPULitE
     }
 
     render() {
-        commonUtils.initAssetBaseURL('vpu-knowledge-base-web-page-element-view-src');
-
         return html`
             <style>
                 .kb {
diff --git a/packages/knowledge-base-web-page-element-view/src/vpu-knowledge-base-web-page-element-view-demo.js b/packages/knowledge-base-web-page-element-view/src/vpu-knowledge-base-web-page-element-view-demo.js
index 636b8901749625bafaa23e6b3426da6a183090f3..fa0160d9f163b0e35435da8155598bdd944cd6e2 100644
--- a/packages/knowledge-base-web-page-element-view/src/vpu-knowledge-base-web-page-element-view-demo.js
+++ b/packages/knowledge-base-web-page-element-view/src/vpu-knowledge-base-web-page-element-view-demo.js
@@ -1,7 +1,7 @@
 import {i18n} from './i18n';
 import {css, html, LitElement} from 'lit-element';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
-import {Auth} from 'vpu-auth';
+import {AuthKeycloak, LoginButton} from 'vpu-auth';
 import {KnowledgeBaseWebPageElementView} from './knowledge-base-web-page-element-view.js';
 import * as commonUtils from 'vpu-common/utils';
 import * as commonStyles from 'vpu-common/styles';
@@ -16,7 +16,8 @@ class KnowledgeBaseWebPageElementViewDemo extends ScopedElementsMixin(LitElement
     static get scopedElements() {
         return {
           'vpu-knowledge-base-web-page-element-view' : KnowledgeBaseWebPageElementView,
-          'vpu-auth': Auth,
+          'vpu-auth-keycloak': AuthKeycloak,
+          'vpu-login-button': LoginButton,
         };
     }
 
@@ -61,13 +62,13 @@ class KnowledgeBaseWebPageElementViewDemo extends ScopedElementsMixin(LitElement
     getAuthComponentHtml() {
         return this.noAuth ? html`` : html`
             <div class="content">
-                <vpu-auth lang="${this.lang}" client-id="${commonUtils.setting('keyCloakClientId')}" load-person remember-login></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>
         `;
     }
 
     render() {
-        commonUtils.initAssetBaseURL('vpu-knowledge-base-web-page-element-view-src');
         return html`
             <section class="section">
                 <div class="container">
diff --git a/packages/knowledge-base-web-page-element-view/vendor/auth b/packages/knowledge-base-web-page-element-view/vendor/auth
index b9fbe487a8a6117ae90a423a8ba318a0321bf51b..39d0e356c029e0f2e92233520660ce307d0741d5 160000
--- a/packages/knowledge-base-web-page-element-view/vendor/auth
+++ b/packages/knowledge-base-web-page-element-view/vendor/auth
@@ -1 +1 @@
-Subproject commit b9fbe487a8a6117ae90a423a8ba318a0321bf51b
+Subproject commit 39d0e356c029e0f2e92233520660ce307d0741d5
diff --git a/packages/knowledge-base-web-page-element-view/vendor/common b/packages/knowledge-base-web-page-element-view/vendor/common
index 9c6dc1fd5e004eba32e31adf8e4485a26c345fe0..63b49c3a2eeae312b4a2aeec4cc2f7f0ee12b749 160000
--- a/packages/knowledge-base-web-page-element-view/vendor/common
+++ b/packages/knowledge-base-web-page-element-view/vendor/common
@@ -1 +1 @@
-Subproject commit 9c6dc1fd5e004eba32e31adf8e4485a26c345fe0
+Subproject commit 63b49c3a2eeae312b4a2aeec4cc2f7f0ee12b749