diff --git a/src/layout/components/msg.vue b/src/layout/components/msg.vue
index 97dec54..2c3e8ce 100644
--- a/src/layout/components/msg.vue
+++ b/src/layout/components/msg.vue
@@ -41,6 +41,7 @@ import {useRouter} from "vue-router"
 const {proxy} = getCurrentInstance()
 const scrollbar = ref(null)
 const router = useRouter()
+const emit = defineEmits(['closed'])
 
 let msgTab = ref("business")
 let msgList = ref([])
@@ -95,6 +96,7 @@ function detail(item) {
 			}
 		})
 	}
+	emit('closed')
 }
 </script>
 
diff --git a/src/layout/components/userbar.vue b/src/layout/components/userbar.vue
index e3bade1..d154946 100644
--- a/src/layout/components/userbar.vue
+++ b/src/layout/components/userbar.vue
@@ -26,7 +26,7 @@
 					</div>
 				</template>
 				<template #default>
-					<msg v-if="msgVisible"/>
+					<msg v-if="msgVisible" @closed="msgVisible=false"/>
 				</template>
 			</el-popover>
 		</div>
diff --git a/src/views/dashboard/message/detail.vue b/src/views/dashboard/message/detail.vue
index 019dd22..05e3252 100644
--- a/src/views/dashboard/message/detail.vue
+++ b/src/views/dashboard/message/detail.vue
@@ -69,7 +69,7 @@ async function del() {
 }
 
 .header {
-	margin-bottom: 25px;
+	margin-bottom: 15px;
 }
 
 .empty {
@@ -78,7 +78,7 @@ async function del() {
 }
 
 .intro {
-	margin-bottom: 15px;
+	margin-bottom: 10px;
 	display: flex;
 	align-items: center;
 	gap: 10px;