diff --git a/src/spdm/views/home/components/TaskList.vue b/src/spdm/views/home/components/TaskList.vue
index 73decdf..b7991fd 100644
--- a/src/spdm/views/home/components/TaskList.vue
+++ b/src/spdm/views/home/components/TaskList.vue
@@ -180,3 +180,8 @@ onBeforeUnmount(() => {
 	margin-top: 8px;
 }
 </style>
+<style lang="scss" scoped>
+::v-deep .el-card__body {
+	overflow: hidden;
+}
+</style>
diff --git a/src/spdm/views/home/components/TaskMessage.vue b/src/spdm/views/home/components/TaskMessage.vue
index 33623ed..30fcd11 100644
--- a/src/spdm/views/home/components/TaskMessage.vue
+++ b/src/spdm/views/home/components/TaskMessage.vue
@@ -116,3 +116,9 @@ onMounted(() => {
 	}
 }
 </style>
+
+<style lang="scss" scoped>
+::v-deep .el-card__body {
+	overflow: hidden;
+}
+</style>
diff --git a/src/spdm/views/home/components/TopNavSpdm.vue b/src/spdm/views/home/components/TopNavSpdm.vue
index 6c4b3aa..e8dde98 100644
--- a/src/spdm/views/home/components/TopNavSpdm.vue
+++ b/src/spdm/views/home/components/TopNavSpdm.vue
@@ -145,7 +145,7 @@ const handleClick = (item: any) => {
 </script>
 
 <template>
-	<div class="grid grid-cols-3 gap-4 mb-4 bg-white el-card is-always-shadow py-2 px-4 h-24 items-center">
+	<div class="grid grid-cols-3 gap-4 mb-4 bg-white is-always-shadow py-2 px-4 h-24 items-center">
 		<div class="col-span-1 pl-4 flex items-center">
 			<ImageAvatar class="!h-[60px] !w-[60px]" :src="userInfos.user.avatar" />
 			<div class="flex flex-col h-[40px] justify-between ml-6 title">
diff --git a/src/views/home/shortcut/index.vue b/src/views/home/shortcut/index.vue
index 58e6232..c371eed 100644
--- a/src/views/home/shortcut/index.vue
+++ b/src/views/home/shortcut/index.vue
@@ -94,3 +94,9 @@ const showRoutes = computed(() => {
 	overflow-x: hidden;
 }
 </style>
+
+<style lang="scss" scoped>
+::v-deep .el-card__body {
+	overflow: hidden;
+}
+</style>