diff --git a/web/html/xui/form/allocate.html b/web/html/xui/form/allocate.html
index 35527c19..aba8d5c9 100644
--- a/web/html/xui/form/allocate.html
+++ b/web/html/xui/form/allocate.html
@@ -1,5 +1,4 @@
 {{define "form/allocate"}}
-<a-divider style="margin:5px 0 0;">Allocate</a-divider>
 <a-form :colon="false" :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
     <a-form-item label='Strategy'>
       <a-select v-model="inbound.allocate.strategy" :dropdown-class-name="themeSwitcher.currentTheme">
diff --git a/web/html/xui/form/inbound.html b/web/html/xui/form/inbound.html
index 2930b7be..3a3b352f 100644
--- a/web/html/xui/form/inbound.html
+++ b/web/html/xui/form/inbound.html
@@ -115,13 +115,17 @@
 </template>
 
 <!-- sniffing -->
-<template>
-    {{template "form/sniffing"}}
-</template>
+<a-collapse>
+    <a-collapse-panel header='Sniffing'>
+        {{template "form/sniffing"}}
+    </a-collapse-panel>
+</a-collapse>
 
 <!-- allocate -->
-<template>
-    {{template "form/allocate"}}
-</template>
+<a-collapse>
+    <a-collapse-panel header='Allocate'>
+        {{template "form/allocate"}}
+    </a-collapse-panel>
+</a-collapse>
 
 {{end}}
diff --git a/web/html/xui/form/sniffing.html b/web/html/xui/form/sniffing.html
index df49a97a..d8a2e85a 100644
--- a/web/html/xui/form/sniffing.html
+++ b/web/html/xui/form/sniffing.html
@@ -1,5 +1,4 @@
 {{define "form/sniffing"}}
-<a-divider style="margin:5px 0 0;">Sniffing</a-divider>
 <a-form :colon="false" :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
   <a-form-item>
     <span slot="label">