diff --git a/src/commons/component/host-detail.component.html b/src/commons/component/host-detail.component.html
index 39c8081..a697d30 100644
--- a/src/commons/component/host-detail.component.html
+++ b/src/commons/component/host-detail.component.html
@@ -4,10 +4,14 @@
       <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
     </svg> -->
     <div class="svg-div">
-      <svg width="140" height="140" viewBox="15 35 140 100">
-        <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
-        <image *ngIf="host.hostType === 'HOST'" x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice"
-          attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg"></image>
+      <!-- <svg width="140" height="140" viewBox="15 35 140 100">
+              <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
+              <image *ngIf="host.hostType === 'HOST'" x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice"
+                attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg"></image>
+            </svg> -->
+      <svg width="140" height="140" viewBox="20 10 140 140">
+        <image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
+        <image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg" />
       </svg>
     </div>
     <h3>{{host.name}} <span>{{host.address}}</span></h3>
diff --git a/src/commons/component/service-detail.component.html b/src/commons/component/service-detail.component.html
index 967dc9d..861fb3b 100644
--- a/src/commons/component/service-detail.component.html
+++ b/src/commons/component/service-detail.component.html
@@ -5,9 +5,13 @@
                 <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
               </svg> -->
     <div class="svg-div">
-      <svg width="140" height="140" viewBox="15 35 140 100">
-        <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
-        <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
+      <!-- <svg width="140" height="140" viewBox="15 35 140 100">
+              <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
+              <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
+            </svg> -->
+      <svg width="140" height="140" viewBox="20 10 140 140">
+        <image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
+        <image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
       </svg>
     </div>
     <h3>
diff --git a/src/commons/component/zone-detail.component.html b/src/commons/component/zone-detail.component.html
index 766a577..433952b 100644
--- a/src/commons/component/zone-detail.component.html
+++ b/src/commons/component/zone-detail.component.html
@@ -5,8 +5,8 @@
               <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
             </svg> -->
     <div class="svg-div">
-      <svg width="140" height="140" viewBox="15 35 140 100">
-        <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/icon/icon_router.svg" />
+      <svg width="140" height="140" viewBox="0 0 140 140">
+        <image x="0" y="0" width="140" height="140" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_overflow.svg" />
       </svg>
     </div>
     <h3>