diff --git a/packages/common/assets/index.html b/packages/common/assets/index.html
index eceb47dee92f8fd673351680b5412d00f030189c..d9bb9413663bf3a864cb6c7fb2339413d7163e60 100644
--- a/packages/common/assets/index.html
+++ b/packages/common/assets/index.html
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8">
- <script type="module" src="bundle.js"></script>
+ <script type="module" id="vpu-common-demo-src" src="bundle.js"></script>
<style>
body {
font-family: sans;
diff --git a/packages/common/vpu-common-demo.js b/packages/common/vpu-common-demo.js
index ca4ba38cd3a6d8a05e20a1319b3b21eddd228590..ae83afd61363948b1e74c9079e184eb8eea83359 100644
--- a/packages/common/vpu-common-demo.js
+++ b/packages/common/vpu-common-demo.js
@@ -42,7 +42,7 @@ class VpuCommonDemo extends VPULitElement {
}
a:after {
- ${ unsafeCSS(getIconCSS('bolt')) };
+ ${ unsafeCSS(getIconCSS('envelope')) };
}
`;
}
@@ -62,7 +62,7 @@ class VpuCommonDemo extends VPULitElement {
}
render() {
- commonUtils.initAssetBaseURL('vpu-person-select-src');
+ commonUtils.initAssetBaseURL('vpu-common-demo-src');
const bulmaCSS = commonUtils.getAssetURL(bulmaCSSPath);
return html`
<link rel="stylesheet" href="${bulmaCSS}">
diff --git a/packages/common/vpu-icon.js b/packages/common/vpu-icon.js
index b427a79d3fbd5eb559ffa003f5406bc7e420bfda..67f4fd97601a10b76bbae36d4a5bbc8e9aa8460e 100644
--- a/packages/common/vpu-icon.js
+++ b/packages/common/vpu-icon.js
@@ -33,7 +33,8 @@ export function getIconCSS(name) {
-webkit-mask-repeat: no-repeat;
mask-position: center center;
-webkit-mask-position: center center;
- font-size: 1.1em;
+ margin-left: 0.2em;
+ padding-left: 0.3em;
content: "X";
`;
}