diff --git a/src/views/trials/trials-panel/trial-summary/trial-information/index.vue b/src/views/trials/trials-panel/trial-summary/trial-information/index.vue
index 4f705fc9..cce02600 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-information/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-information/index.vue
@@ -4,8 +4,13 @@
       :column="2"
       border
       style="width: 1000px"
-      labelStyle="white-space:nowrap;"
-      contentStyle="word-break:break-all;"
+      :labelStyle="{
+        whiteSpace: 'nowrap',
+      }"
+      :contentStyle="{
+        wordBreak: 'break-all',
+        whiteSpace: 'nowrap',
+      }"
     >
       <el-descriptions-item :label="$t('trials:trials-list:form:trialId')">
         {{ trialInfo.TrialCode }}