diff --git a/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue b/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
index dafdbd8..631f4b0 100644
--- a/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
+++ b/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
@@ -20,7 +20,9 @@
       <div class="content">
         <div v-for="(scene, index) in option.dataset" :key="index" class="scene-row"
           :class="{ reverse: index % 2 !== 0 }" :style="{ backgroundImage: `url(${backgrounds[index]})` }">
-          <div class="metrics-container">
+            <div class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">{{
+                      scene.name }}</div>
+		  <div class="metrics-container">
             <template v-for="(metric, mIndex) in scene.metrics" :key="mIndex">
               <div class="metric">
                 <div class="metric-label">
@@ -158,7 +160,7 @@ const option = computed(() => props.chartConfig.option)
 
   .scene-name {
     font-weight: bold;
-    margin-left: 25px;
+    margin-left: 105px;
   }
 
   .metrics-container {