diff --git a/mindinsight/ui/src/components/histogramUnit.vue b/mindinsight/ui/src/components/histogramUnit.vue
index 44c133ea..e1dffef9 100644
--- a/mindinsight/ui/src/components/histogramUnit.vue
+++ b/mindinsight/ui/src/components/histogramUnit.vue
@@ -176,7 +176,7 @@ export default {
       const that = this;
       const option = {
         grid: {
-          left: 24,
+          left: 40,
           top: 60,
           right: 80,
           bottom: 60,
diff --git a/mindinsight/ui/src/views/train-manage/histogram.vue b/mindinsight/ui/src/views/train-manage/histogram.vue
index 0de09fc8..2b0f87d5 100644
--- a/mindinsight/ui/src/views/train-manage/histogram.vue
+++ b/mindinsight/ui/src/views/train-manage/histogram.vue
@@ -1051,7 +1051,7 @@ export default {
       const that = this;
       const option = {
         grid: {
-          left: 24,
+          left: 40,
           top: 60,
           right: 80,
           bottom: 60,