diff --git a/apps/web-antd/src/views/mp/menu/components/index.ts b/apps/web-antd/src/views/mp/menu/components/index.ts
new file mode 100644
index 000000000..7c8c99267
--- /dev/null
+++ b/apps/web-antd/src/views/mp/menu/components/index.ts
@@ -0,0 +1,4 @@
+export { default as MenuEditor } from './menu-editor.vue';
+export { default as MenuPreviewer } from './menu-previewer.vue';
+export * from './menuOptions';
+export type * from './types';
diff --git a/apps/web-antd/src/views/mp/menu/modules/menu-editor.vue b/apps/web-antd/src/views/mp/menu/components/menu-editor.vue
similarity index 97%
rename from apps/web-antd/src/views/mp/menu/modules/menu-editor.vue
rename to apps/web-antd/src/views/mp/menu/components/menu-editor.vue
index 1efb9ab0c..991a61e19 100644
--- a/apps/web-antd/src/views/mp/menu/modules/menu-editor.vue
+++ b/apps/web-antd/src/views/mp/menu/components/menu-editor.vue
@@ -85,7 +85,7 @@ function deleteMaterial() {
     <div class="configure-page">
       <div class="delete-btn">
         <Button type="primary" danger @click="emit('delete')">
-          <IconifyIcon icon="ep:delete" />
+          <IconifyIcon icon="lucide:trash-2" />
           删除当前菜单
         </Button>
       </div>
@@ -182,7 +182,7 @@ function deleteMaterial() {
                   shape="circle"
                   @click="deleteMaterial"
                 >
-                  <IconifyIcon icon="ep:delete" />
+                  <IconifyIcon icon="lucide:trash-2" />
                 </Button>
               </Row>
             </div>
@@ -191,7 +191,7 @@ function deleteMaterial() {
                 <Col :span="24" style="text-align: center">
                   <Button type="primary" @click="showNewsDialog = true">
                     素材库选择
-                    <IconifyIcon icon="ep:circle-check" />
+                    <IconifyIcon icon="lucide:circle-check" />
                   </Button>
                 </Col>
               </Row>
diff --git a/apps/web-antd/src/views/mp/menu/modules/menu-previewer.vue b/apps/web-antd/src/views/mp/menu/components/menu-previewer.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/menu/modules/menu-previewer.vue
rename to apps/web-antd/src/views/mp/menu/components/menu-previewer.vue
diff --git a/apps/web-antd/src/views/mp/menu/modules/menuOptions.ts b/apps/web-antd/src/views/mp/menu/components/menuOptions.ts
similarity index 100%
rename from apps/web-antd/src/views/mp/menu/modules/menuOptions.ts
rename to apps/web-antd/src/views/mp/menu/components/menuOptions.ts
diff --git a/apps/web-antd/src/views/mp/menu/modules/types.ts b/apps/web-antd/src/views/mp/menu/components/types.ts
similarity index 100%
rename from apps/web-antd/src/views/mp/menu/modules/types.ts
rename to apps/web-antd/src/views/mp/menu/components/types.ts
diff --git a/apps/web-antd/src/views/mp/menu/index.vue b/apps/web-antd/src/views/mp/menu/index.vue
index 5a087f170..055535ace 100644
--- a/apps/web-antd/src/views/mp/menu/index.vue
+++ b/apps/web-antd/src/views/mp/menu/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Menu, RawMenu } from './modules/types';
+import type { Menu, RawMenu } from './components/types';
 
 import { ref } from 'vue';
 
@@ -9,9 +9,8 @@ import { handleTree } from '@vben/utils';
 import { Button, Form, message } from 'ant-design-vue';
 
 import * as MpMenuApi from '#/api/mp/menu';
+import { MenuEditor, MenuPreviewer } from '#/views/mp/menu/components';
 import { Level, MENU_NOT_SELECTED } from '#/views/mp/menu/data';
-import MenuEditor from '#/views/mp/menu/modules/menu-editor.vue';
-import MenuPreviewer from '#/views/mp/menu/modules/menu-previewer.vue';
 import WxAccountSelect from '#/views/mp/modules/wx-account-select/main.vue';
 
 defineOptions({ name: 'MpMenu' });
diff --git a/apps/web-antd/src/views/mp/modules/wx-account-select/main.vue b/apps/web-antd/src/views/mp/modules/wx-account-select/main.vue
index 404e5f7c8..8e46a490c 100644
--- a/apps/web-antd/src/views/mp/modules/wx-account-select/main.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-account-select/main.vue
@@ -113,11 +113,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Select
-    v-model:value="currentId"
-    placeholder="请选择公众号"
-    style="width: 240px"
-  >
+  <Select v-model:value="currentId" placeholder="请选择公众号" class="w-full">
     <SelectOption v-for="item in accountList" :key="item.id" :value="item.id">
       {{ item.name }}
     </SelectOption>
diff --git a/apps/web-antd/src/views/mp/modules/wx-msg/main.vue b/apps/web-antd/src/views/mp/modules/wx-msg/main.vue
index dc43c48ef..f3fce37bc 100644
--- a/apps/web-antd/src/views/mp/modules/wx-msg/main.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-msg/main.vue
@@ -168,10 +168,7 @@ async function scrollToBottom() {
 <template>
   <ContentWrap>
     <Spin :spinning="loading">
-      <div
-        class="ml-[10px] mr-[10px] h-[50vh] overflow-auto bg-[#eaeaea]"
-        ref="msgDivRef"
-      >
+      <div class="bg-background ml-2 mr-2 h-12 overflow-auto" ref="msgDivRef">
         <!-- 加载更多 -->
         <div v-if="!loading">
           <div
@@ -179,10 +176,10 @@ async function scrollToBottom() {
             v-if="hasMore"
             @click="loadMore"
           >
-            <span class="text-[#999]">点击加载更多</span>
+            <span class="text-foreground">点击加载更多</span>
           </div>
           <div class="py-5 text-center" v-if="!hasMore">
-            <span class="text-[#999]">没有更多了</span>
+            <span class="text-foreground">没有更多了</span>
           </div>
         </div>
 
@@ -201,5 +198,3 @@ async function scrollToBottom() {
     </Spin>
   </ContentWrap>
 </template>
-
-<style lang="scss" scoped></style>