diff --git a/src/assets/css/components/views/charts2/panel.scss b/src/assets/css/components/views/charts2/panel.scss
index afb6638b..040828cc 100644
--- a/src/assets/css/components/views/charts2/panel.scss
+++ b/src/assets/css/components/views/charts2/panel.scss
@@ -62,6 +62,9 @@
           color: #353636;
           background-color: #F5F8FA;
         }
+        .common-select {
+          top: 32px !important;
+        }
       }
       .panel__time {
         display: flex;
diff --git a/src/views/charts2/Panel.vue b/src/views/charts2/Panel.vue
index 6505c7db..3aa52321 100644
--- a/src/views/charts2/Panel.vue
+++ b/src/views/charts2/Panel.vue
@@ -14,6 +14,7 @@
             size="mini"
             v-model="metric"
             placeholder=""
+            popper-class="common-select"
             v-if="panelType === panelTypeAndRouteMapping.networkOverview"
             :popper-append-to-body="false"
             @change="metricChange"