diff --git a/src/commons/component/host-detail.component.html b/src/commons/component/host-detail.component.html
index 08e5102..26b4bf1 100644
--- a/src/commons/component/host-detail.component.html
+++ b/src/commons/component/host-detail.component.html
@@ -48,7 +48,7 @@
     </p-tabPanel>
 
     <p-tabPanel header="Metadata" *ngIf="host.meta">
-      <ul>
+      <ul class="detail-content-meta-title">
         <li *ngFor="let key of host.meta | objectKeys">
           {{key | stringPrettify}}
 
diff --git a/src/commons/component/host-detail.component.scss b/src/commons/component/host-detail.component.scss
index 9adb68e..44d9d9b 100644
--- a/src/commons/component/host-detail.component.scss
+++ b/src/commons/component/host-detail.component.scss
@@ -15,6 +15,12 @@
 .detail-content {
   display: inline;
 }
+.detail-content-meta-title > ul{
+  padding-top: 0;
+}
+.detail-content-meta-title > li{
+  padding: 20px 0 0 0;
+}
 
 .key-value {
   list-style-type: none;
diff --git a/src/commons/component/service-detail.component.html b/src/commons/component/service-detail.component.html
index 9fc501b..3d48616 100644
--- a/src/commons/component/service-detail.component.html
+++ b/src/commons/component/service-detail.component.html
@@ -37,7 +37,7 @@
     </p-tabPanel>
 
     <p-tabPanel header="Metadata" *ngIf="service.meta">
-      <ul>
+      <ul class="detail-content-meta-title">
         <li *ngFor="let key of service.meta | objectKeys">
           {{key | stringPrettify}}
 
diff --git a/src/commons/component/service-detail.component.scss b/src/commons/component/service-detail.component.scss
index 9adb68e..44d9d9b 100644
--- a/src/commons/component/service-detail.component.scss
+++ b/src/commons/component/service-detail.component.scss
@@ -15,6 +15,12 @@
 .detail-content {
   display: inline;
 }
+.detail-content-meta-title > ul{
+  padding-top: 0;
+}
+.detail-content-meta-title > li{
+  padding: 20px 0 0 0;
+}
 
 .key-value {
   list-style-type: none;