diff --git a/packages/artplayer/src/contextmenu/aspectRatio.js b/packages/artplayer/src/contextmenu/aspectRatio.js
index 22740c242..dc5565008 100644
--- a/packages/artplayer/src/contextmenu/aspectRatio.js
+++ b/packages/artplayer/src/contextmenu/aspectRatio.js
@@ -6,10 +6,10 @@ export default function aspectRatio(option) {
         return {
             ...option,
             html: `
-${i18n.get('Aspect ratio')}:
-<span data-ratio="default" class="art-current">${i18n.get('Default')}</span>
-<span data-ratio="4:3">4:3</span>
-<span data-ratio="16:9">16:9</span>
+                ${i18n.get('Aspect ratio')}:
+                <span data-ratio="default" class="art-current">${i18n.get('Default')}</span>
+                <span data-ratio="4:3">4:3</span>
+                <span data-ratio="16:9">16:9</span>
             `,
             click: (contextmenu, event) => {
                 const { ratio } = event.target.dataset;
diff --git a/packages/artplayer/src/contextmenu/playbackRate.js b/packages/artplayer/src/contextmenu/playbackRate.js
index 5da800265..26cf7ea42 100644
--- a/packages/artplayer/src/contextmenu/playbackRate.js
+++ b/packages/artplayer/src/contextmenu/playbackRate.js
@@ -6,13 +6,13 @@ export default function playbackRate(option) {
         return {
             ...option,
             html: `
-${i18n.get('Play speed')}:
-<span data-rate="0.5">0.5</span>
-<span data-rate="0.75">0.75</span>
-<span data-rate="1.0" class="art-current">${i18n.get('Normal')}</span>
-<span data-rate="1.25">1.25</span>
-<span data-rate="1.5">1.5</span>
-<span data-rate="2.0">2.0</span>
+                ${i18n.get('Play speed')}:
+                <span data-rate="0.5">0.5</span>
+                <span data-rate="0.75">0.75</span>
+                <span data-rate="1.0" class="art-current">${i18n.get('Normal')}</span>
+                <span data-rate="1.25">1.25</span>
+                <span data-rate="1.5">1.5</span>
+                <span data-rate="2.0">2.0</span>
             `,
             click: (contextmenu, event) => {
                 const { rate } = event.target.dataset;
diff --git a/packages/artplayer/src/control/progress.js b/packages/artplayer/src/control/progress.js
index 7b89f2bd1..c6546f3d2 100644
--- a/packages/artplayer/src/control/progress.js
+++ b/packages/artplayer/src/control/progress.js
@@ -24,13 +24,13 @@ export default function progress(option) {
         return {
             ...option,
             html: `
-<div class="art-control-progress-inner">
-    <div class="art-progress-loaded"></div>
-    <div class="art-progress-played" style="background: ${theme}"></div>
-    <div class="art-progress-highlight"></div>
-    <div class="art-progress-indicator" style="background: ${theme}"></div>
-    <div class="art-progress-tip art-tip"></div>
-</div>
+                <div class="art-control-progress-inner">
+                    <div class="art-progress-loaded"></div>
+                    <div class="art-progress-played" style="background: ${theme}"></div>
+                    <div class="art-progress-highlight"></div>
+                    <div class="art-progress-indicator" style="background: ${theme}"></div>
+                    <div class="art-progress-tip art-tip"></div>
+                </div>
             `,
             mounted: $control => {
                 let isDroging = false;
diff --git a/packages/artplayer/src/control/time.js b/packages/artplayer/src/control/time.js
index 8d96aab97..153dd9e51 100644
--- a/packages/artplayer/src/control/time.js
+++ b/packages/artplayer/src/control/time.js
@@ -6,8 +6,8 @@ export default function time(option) {
         mounted: $control => {
             function getTime() {
                 const newTime = `${secondToTime(art.player.currentTime)} / ${secondToTime(art.player.duration)}`;
-                if (newTime !== $control.innerHTML) {
-                    $control.innerHTML = newTime;
+                if (newTime !== $control.innerText) {
+                    $control.innerText = newTime;
                 }
             }