diff --git a/src/components/userAvatar/tua-dc-weapon.vue b/src/components/userAvatar/tua-dc-weapon.vue
index fbe95417..ff1aad6a 100644
--- a/src/components/userAvatar/tua-dc-weapon.vue
+++ b/src/components/userAvatar/tua-dc-weapon.vue
@@ -94,16 +94,19 @@ const propSub = computed<TGApp.Game.Avatar.PropMapItem | false>(() => {
   height: 100%;
   flex-direction: column;
   align-items: flex-start;
-  justify-content: flex-end;
+  justify-content: center;
 }
 
 .tua-dcw-title {
+  overflow: hidden;
   font-family: var(--font-title);
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .tua-dcw-sub {
   display: flex;
-  width: 100%;
+  width: 117px;
   align-items: center;
   justify-content: space-between;
   font-size: 12px;
diff --git a/src/components/userAvatar/tua-detail-overlay.vue b/src/components/userAvatar/tua-detail-overlay.vue
index da8b5249..10f54a27 100644
--- a/src/components/userAvatar/tua-detail-overlay.vue
+++ b/src/components/userAvatar/tua-detail-overlay.vue
@@ -90,7 +90,7 @@ const avatarsWidth = computed<string>(() => {
 watch(
   () => props.avatar,
   () => {
-    avatarTab.value = props.avatar.cid;
+    if (props.avatar) avatarTab.value = props.avatar.cid;
   },
 );