diff --git a/src/components/line-content.vue b/src/components/line-content.vue
index e80e1e9..049f6e9 100644
--- a/src/components/line-content.vue
+++ b/src/components/line-content.vue
@@ -1,7 +1,5 @@
 <template>
-  <div class="line-content" :class="className">
-    {{ text }}
-  </div>
+  <div class="line-content" :class="className">{{ text }}</div>
 </template>
 <script>
 export default {
diff --git a/src/components/line-wrapper.vue b/src/components/line-wrapper.vue
index dbadb3b..e647f26 100644
--- a/src/components/line-wrapper.vue
+++ b/src/components/line-wrapper.vue
@@ -63,7 +63,7 @@ export default {
   color: #f1f1f1;
   line-height: 20px;
   height: 20px;
-  white-space: nowrap;
+  white-space: pre;
   // word-break: break-all;
   box-sizing: border-box;
   padding-left: 16px;