diff --git a/src/assets/css/components/components/layout/layout.scss b/src/assets/css/components/components/layout/layout.scss
index ce016c39..c4242e5a 100644
--- a/src/assets/css/components/components/layout/layout.scss
+++ b/src/assets/css/components/components/layout/layout.scss
@@ -206,6 +206,7 @@
             border-bottom: 1px dashed #D8D8D8;
           }
           .middle-menus__body {
+            display: flex;
             padding-top: 8px;
             .middle-menu {
               padding: 5px 0;
@@ -288,4 +289,4 @@
   background: #C5C5C5;
   border-radius: 4px;
   border: 2px solid transparent;
-}
\ No newline at end of file
+}
diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
index 765de107..fecf87d1 100644
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
@@ -129,9 +129,16 @@
         <div class="middle-menus middle-menus--network-analytics">
           <div class="middle-menus__header">{{$t('overall.networkAnalytics')}}</div>
           <div class="middle-menus__body">
-            <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
-              <div class="middle-menu" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
-            </template>
+            <div style="width: 260px;">
+              <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
+                <div class="middle-menu" v-if="index < 5" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
+              </template>
+            </div>
+            <div>
+              <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
+                <div class="middle-menu" v-if="index >= 5 && index < 10" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
+              </template>
+            </div>
           </div>
         </div>
       </div>