diff --git a/project/dv/apps/AppGridDV.vue b/project/dv/apps/AppGridDV.vue
index 5b0e7de5..573a2803 100644
--- a/project/dv/apps/AppGridDV.vue
+++ b/project/dv/apps/AppGridDV.vue
@@ -17,7 +17,7 @@
         </el-tree>
       </div>
     </div>
-    <div class="middle" :class="[girdLevel === '2' ? 'middle-active' : '']" ref="container" v-loading="isLoading" element-loading-background="rgba(0, 0, 0, 0.5)">
+    <div class="middle" :class="[girdLevel == '2' ? 'middle-active' : '']" ref="container" v-loading="isLoading" element-loading-background="rgba(0, 0, 0, 0.5)">
       <div
         ref="middleTree"
         id="tree"
@@ -809,13 +809,9 @@
         }
       }
 
-      &.middle-active {
-        ::v-deep .org-chart-container {
-          .org-chart-node {
-            // max-width: 500px;
-            float:initial;
-          }
-        }
+      ::v-deep .org-chart-node-children {
+        display: flex;
+        justify-content: center;
       }
     }