diff --git a/packages/common/vpu-mini-spinner.js b/packages/common/vpu-mini-spinner.js index 1d0c991605d66b0643a8d8681abeed46553fdb1b..5de1725939ee76cb68e810d32a26259946d6d768 100644 --- a/packages/common/vpu-mini-spinner.js +++ b/packages/common/vpu-mini-spinner.js @@ -18,6 +18,9 @@ class MiniSpinner extends LitElement { // language=css return css` .outer { + display: inline-block; + } + .inner { display: flex; } .ring { @@ -64,7 +67,7 @@ class MiniSpinner extends LitElement { render() { const textHtml = this.text !== "" ? html`<div class="text">${this.text}</div>` : html``; - return html`<div class="outer"><div class="ring"><div></div><div></div><div></div><div></div></div>${textHtml}</div>`; + return html`<div class="outer"><div class="inner"><div class="ring"><div></div><div></div><div></div><div></div></div>${textHtml}</div></div>`; } }