diff --git a/packages/knowledge-base-web-page-element-view/src/vpu-kb-wpe-view.js b/packages/knowledge-base-web-page-element-view/src/vpu-kb-wpe-view.js
index eb05d4b5de2b08dff970b9b83b462f024150b243..1a4c74eee3b2bce7e9973b84613a674e8fbeb55f 100644
--- a/packages/knowledge-base-web-page-element-view/src/vpu-kb-wpe-view.js
+++ b/packages/knowledge-base-web-page-element-view/src/vpu-kb-wpe-view.js
@@ -4,6 +4,7 @@ import {html} from 'lit-element';
 import VPULitElement from 'vpu-common/vpu-lit-element'
 import {getAPiUrl} from "./utils";
 import commonUtils from "vpu-common/utils";
+import "vpu-common/vpu-mini-spinner.js";
 import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
 
 /**
@@ -93,6 +94,7 @@ class VPUKnowledgeBaseWebPageElementView extends VPULitElement {
                 }
                 const error_head = i18n.t('error-head');
                 that.error = html`<p>${error_head} "<b>${that.value}</b>" ${status_msg} (${res.status}).</p>`;
+                that.html = "";
                 throw new Error('HTTP ' + error_head + ' ' + that.value + ' ' + status_msg + ', status = ' + res.status);
             }
             return res.json();
@@ -147,6 +149,7 @@ class VPUKnowledgeBaseWebPageElementView extends VPULitElement {
             img.src = this.eyeOpen;
         }
         if (this.html === '' && div.style.display !== 'none') {
+            this.html = "<vpu-mini-spinner></vpu-mini-spinner>";
             this.loadWebPageElement();
         }
     }
diff --git a/packages/knowledge-base-web-page-element-view/vendor/common b/packages/knowledge-base-web-page-element-view/vendor/common
index 378256b0ae92712fd5b8feed3a987cd014617c0b..8535e4d2813417d35e592fc82bd7cee552b2d1ed 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 378256b0ae92712fd5b8feed3a987cd014617c0b
+Subproject commit 8535e4d2813417d35e592fc82bd7cee552b2d1ed