diff --git a/src/components/userRecord/tur-home-item.vue b/src/components/userRecord/tur-home-item.vue
index b255d15d..d6c3e775 100644
--- a/src/components/userRecord/tur-home-item.vue
+++ b/src/components/userRecord/tur-home-item.vue
@@ -57,6 +57,11 @@ function tag2Color(str: string, isDarkMode: boolean = false): string {
   height: 100%;
   flex-shrink: 0;
   object-fit: cover;
+  opacity: 0.8;
+}
+
+.dark .tur-hi-bg {
+  opacity: 1;
 }
 
 .tur-hi-empty {
diff --git a/src/components/userRecord/tur-home-overview.vue b/src/components/userRecord/tur-home-overview.vue
index 26997a58..dec6279d 100644
--- a/src/components/userRecord/tur-home-overview.vue
+++ b/src/components/userRecord/tur-home-overview.vue
@@ -28,7 +28,7 @@
       </div>
     </div>
     <div v-if="props.homes.length > 0" class="tur-hoc-list">
-      <TurHomeName
+      <TurHomeItem
         v-for="(item, idx) in props.homes"
         :key="idx"
         :icon="item.bg"
@@ -40,7 +40,7 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import TurHomeName from "./tur-home-item.vue";
+import TurHomeItem from "./tur-home-item.vue";
 
 type TurHomeOverviewProps = { homes: Array<TGApp.Sqlite.Record.Home> };