diff --git a/fe/src/components/NLP/rlhf.vue b/fe/src/components/NLP/rlhf.vue
index f50fe31..0f4550f 100644
--- a/fe/src/components/NLP/rlhf.vue
+++ b/fe/src/components/NLP/rlhf.vue
@@ -1,10 +1,11 @@
 <template>
   <div class="rlhf-box">
     <div v-for="(line, idx) in fileContent.split('<whale_n>')" :key="idx" class="line" @click="clickLine(idx)">
-      <template v-for="(word, idx) in line">
+      <!-- <template v-for="(word, idx) in line">
         <span class="word" v-if="word !== '\n'" :key="idx">{{ word }}</span>
         <br v-if="word === '\n'" :key="idx"/>
-      </template>
+      </template> -->
+      <div class="textarea">{{line}}</div>
       <span class="rank" v-if="annoDetails.indexOf(String(idx+1)) !== -1">{{annoDetails.indexOf(String(idx+1)) + 1}}</span>
     </div>
   </div>
@@ -125,4 +126,7 @@ export default ({
   font-size: 16px;
   z-index: 4;
 }
+.textarea {
+  white-space: break-spaces;
+}
 </style>