diff --git a/frontend/src/views/chart/components/ChartComponentG2.vue b/frontend/src/views/chart/components/ChartComponentG2.vue
index fe9cca5dfa..c0b4fcbf8f 100644
--- a/frontend/src/views/chart/components/ChartComponentG2.vue
+++ b/frontend/src/views/chart/components/ChartComponentG2.vue
@@ -18,11 +18,11 @@
       :style="title_class"
       style="cursor: default;display: block;"
     >
-      <div style="padding:6px 4px 0;margin: 0;display: flex;">
+      <div style="padding:6px 4px 0;margin: 0;">
         <chart-title-update :chart-info="chartInfo" />
         <title-remark
           v-if="remarkCfg.show"
-          style="text-shadow: none!important;"
+          style="text-shadow: none!important;margin-left: 4px;"
           :remark-cfg="remarkCfg"
         />
       </div>
diff --git a/frontend/src/views/chart/components/ChartComponentS2.vue b/frontend/src/views/chart/components/ChartComponentS2.vue
index 5729228c25..caf1e6a9bd 100644
--- a/frontend/src/views/chart/components/ChartComponentS2.vue
+++ b/frontend/src/views/chart/components/ChartComponentS2.vue
@@ -18,11 +18,11 @@
       :style="title_class"
       style="cursor: default;display: block;"
     >
-      <div style="padding:6px 4px 0;margin: 0;display: flex;">
+      <div style="padding:6px 4px 0;margin: 0;">
         <chart-title-update :chart-info="chartInfo" />
         <title-remark
           v-if="remarkCfg.show"
-          style="text-shadow: none!important;"
+          style="text-shadow: none!important;margin-left: 4px;"
           :remark-cfg="remarkCfg"
         />
       </div>
diff --git a/frontend/src/views/chart/components/ChartTitleUpdate.vue b/frontend/src/views/chart/components/ChartTitleUpdate.vue
index 334c4d53bf..6470e26293 100644
--- a/frontend/src/views/chart/components/ChartTitleUpdate.vue
+++ b/frontend/src/views/chart/components/ChartTitleUpdate.vue
@@ -11,7 +11,7 @@
   />
   <p
     v-else
-    style="overflow: hidden;white-space: pre;text-overflow: ellipsis;display: inline-block;min-width: 30px"
+    style="overflow: hidden;white-space: pre;text-overflow: ellipsis;display: inline;min-width: 30px"
     @click.stop="handleTitleEditer"
   >{{ chart.title }}</p>
 </template>
diff --git a/frontend/src/views/chart/components/normal/LabelNormal.vue b/frontend/src/views/chart/components/normal/LabelNormal.vue
index a83de2a35a..0ebe162b6a 100644
--- a/frontend/src/views/chart/components/normal/LabelNormal.vue
+++ b/frontend/src/views/chart/components/normal/LabelNormal.vue
@@ -10,11 +10,11 @@
       :style="title_class"
       style="cursor: default;display: block;"
     >
-      <div style="display: flex;">
+      <div>
         <chart-title-update :chart-info="chartInfo" />
         <title-remark
           v-if="chart.render && chart.render === 'antv' && remarkCfg.show"
-          style="text-shadow: none!important;"
+          style="text-shadow: none!important;margin-left: 4px;"
           :remark-cfg="remarkCfg"
         />
       </div>
diff --git a/frontend/src/views/chart/components/normal/LabelNormalText.vue b/frontend/src/views/chart/components/normal/LabelNormalText.vue
index a334114921..693d747dc2 100644
--- a/frontend/src/views/chart/components/normal/LabelNormalText.vue
+++ b/frontend/src/views/chart/components/normal/LabelNormalText.vue
@@ -17,11 +17,11 @@
       :style="title_class"
       style="cursor: default;display: block;"
     >
-      <div style="display: flex;">
+      <div>
         <chart-title-update :chart-info="chartInfo" />
         <title-remark
           v-if="chart.render && chart.render === 'antv' && remarkCfg.show"
-          style="text-shadow: none!important;"
+          style="text-shadow: none!important;margin-left: 4px;"
           :remark-cfg="remarkCfg"
         />
       </div>