diff --git a/src/views/dashboard/related/topology/pod/InstanceMap.vue b/src/views/dashboard/related/topology/pod/InstanceMap.vue
index e31323f9..64bb916e 100644
--- a/src/views/dashboard/related/topology/pod/InstanceMap.vue
+++ b/src/views/dashboard/related/topology/pod/InstanceMap.vue
@@ -173,6 +173,7 @@ limitations under the License. -->
 <style lang="scss" scoped>
   .hierarchy-services-topo {
     position: absolute;
+    width: 100%;
   }
 
   .el-loading-spinner {
diff --git a/src/views/dashboard/related/topology/service/HierarchyMap.vue b/src/views/dashboard/related/topology/service/HierarchyMap.vue
index f075ab22..22675f58 100644
--- a/src/views/dashboard/related/topology/service/HierarchyMap.vue
+++ b/src/views/dashboard/related/topology/service/HierarchyMap.vue
@@ -182,6 +182,7 @@ limitations under the License. -->
 <style lang="scss" scoped>
   .hierarchy-services-topo {
     position: absolute;
+    width: 100%;
   }
 
   .el-loading-spinner {