diff --git a/src/components/userCombat/tuc-buff-box.vue b/src/components/userCombat/tuc-buff-box.vue
index 23fbcb24..7a70feac 100644
--- a/src/components/userCombat/tuc-buff-box.vue
+++ b/src/components/userCombat/tuc-buff-box.vue
@@ -60,9 +60,9 @@ function getEffectDesc(desc: string): string {
   display: flex;
   width: fit-content;
   box-sizing: border-box;
+  flex: 2;
   flex-direction: column;
-  flex-shrink: 0;
-  align-items: center;
+  align-items: flex-start;
   justify-content: flex-start;
   padding: 8px;
   border: 1px solid var(--common-shadow-1);
@@ -156,6 +156,6 @@ function getEffectDesc(desc: string): string {
   position: relative;
   display: block;
   font-size: 10px;
-  white-space: pre;
+  white-space: pre-wrap;
 }
 </style>
diff --git a/src/components/userCombat/tuc-card-box.vue b/src/components/userCombat/tuc-card-box.vue
index c3a2bcd0..40434136 100644
--- a/src/components/userCombat/tuc-card-box.vue
+++ b/src/components/userCombat/tuc-card-box.vue
@@ -31,6 +31,7 @@ const props = defineProps<TucCardBoxProps>();
   display: flex;
   width: 100%;
   box-sizing: border-box;
+  flex: 1;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
@@ -95,5 +96,6 @@ const props = defineProps<TucCardBoxProps>();
   position: relative;
   flex-shrink: 0;
   font-size: 12px;
+  word-break: break-all;
 }
 </style>