diff --git a/package/component/src/component/dropdown/index.less b/package/component/src/component/dropdown/index.less
index 52ae4c9e..bdc5e70f 100644
--- a/package/component/src/component/dropdown/index.less
+++ b/package/component/src/component/dropdown/index.less
@@ -32,8 +32,8 @@
   background-color: #fff;
 }
 
-.layui-menu li,
-.layui-menu-body-title a {
+.layui-dropdown .layui-menu li,
+.layui-dropdown .layui-menu-body-title a {
   padding: 5px 15px;
 }
 
diff --git a/package/document/src/layouts/Layout.vue b/package/document/src/layouts/Layout.vue
index 54c9b01a..fcad3755 100644
--- a/package/document/src/layouts/Layout.vue
+++ b/package/document/src/layouts/Layout.vue
@@ -308,6 +308,7 @@ export default {
 </script>
 
 <style>
+@import "@layui/layui-vue/es/menu/index.css";
 .layui-layout-document > .layui-header {
   z-index: 99;
   width: 100%;
@@ -375,6 +376,11 @@ export default {
   padding-left: 10px;
 }
 
+.layui-menu-docs .layui-menu li,
+.layui-menu-docs .layui-menu-body-title a {
+  padding: 5px 15px;
+}
+
 .layui-side hr {
   margin: 8px;
 }