diff --git a/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue b/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
index 401ed79..1ac36ec 100644
--- a/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
+++ b/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
@@ -19,7 +19,7 @@
       </div>
       <div class="content">
         <div class="scene-row" :style="{ backgroundImage: `url(${backgrounds[0]})` }">
-            <div class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危化品库</div>
+            <div class="scene-name-1" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危化品库</div>
 		  <div class="metrics-container">
               <div class="metric">
                 <div class="metric-label">
@@ -36,7 +36,7 @@
           </div>
         </div>
         <div class="scene-row reverse" :style="{ backgroundImage: `url(${backgrounds[1]})` }">
-            <div class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危废品库</div>
+            <div class="scene-name-2" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危废品库</div>
 		  <div class="metrics-container">
               <div class="metric">
                 <div class="metric-label">
@@ -135,9 +135,8 @@ const option = computed(() => props.chartConfig.option)
     &.reverse {
       flex-direction: row-reverse;
 
-      .scene-name {
-        margin-right: 0;
-        margin-left: 25px;
+      .scene-name-2 {
+        margin-right: 90px;
       }
       
       .metrics-container {
@@ -174,9 +173,13 @@ const option = computed(() => props.chartConfig.option)
     }
   }
 
-  .scene-name {
+  .scene-name-1,
+  .scene-name-2 {
     font-weight: bold;
-    margin-left: 105px;
+  }
+
+  .scene-name-1 {
+    margin-left: 95px;
   }
 
   .metrics-container {