diff --git a/frontend/src/view-file-text.js b/frontend/src/view-file-text.js
index 3adc89c473..a39e3d0c6c 100644
--- a/frontend/src/view-file-text.js
+++ b/frontend/src/view-file-text.js
@@ -32,11 +32,10 @@ const { isStarred, isLocked, lockedByMe,
 } = window.app.pageOptions;
 
 const options = {
-  lineNumbers: false,
+  lineNumbers: true,
   mode: Utils.chooseLanguage(fileExt),
   extraKeys: {'Ctrl': 'autocomplete'},
   theme: 'default',
-  autoMatchParens: true,
   textWrapping: true,
   lineWrapping: true,
   readOnly: 'nocursor'
diff --git a/seahub/templates/image_file_view_react.html b/seahub/templates/image_file_view_react.html
index 4a462afdc2..82cf4102f5 100644
--- a/seahub/templates/image_file_view_react.html
+++ b/seahub/templates/image_file_view_react.html
@@ -2,6 +2,10 @@
 {% load render_bundle from webpack_loader %}
 {% load seahub_tags %}
 
+{% block extra_style %}
+{% render_bundle 'viewFileImage' 'css' %}
+{% endblock %}
+
 {% block extra_data %}
   // img_prev && img_next can be path or None
   previousImage: {% if img_prev %}'{{ img_prev|escapejs }}'{% else %}false{% endif %},
@@ -10,5 +14,5 @@
 {% endblock %}
 
 {% block render_bundle %}
-{% render_bundle 'viewFileImage' %}
+{% render_bundle 'viewFileImage' 'js' %}
 {% endblock %}
diff --git a/seahub/templates/text_file_view_react.html b/seahub/templates/text_file_view_react.html
index 1a250c408e..0e49aec8db 100644
--- a/seahub/templates/text_file_view_react.html
+++ b/seahub/templates/text_file_view_react.html
@@ -2,6 +2,10 @@
 {% load render_bundle from webpack_loader %}
 {% load seahub_tags %}
 
+{% block extra_style %}
+{% render_bundle 'viewFileText' 'css' %}
+{% endblock %}
+
 {% block extra_data %}
   fileExt: '{{ fileext|escapejs }}',
   fileEnc: '{{ file_enc|escapejs }}',
@@ -9,5 +13,5 @@
 {% endblock %}
 
 {% block render_bundle %}
-{% render_bundle 'viewFileText' %}
+{% render_bundle 'viewFileText' 'js' %}
 {% endblock %}
diff --git a/seahub/templates/video_file_view_react.html b/seahub/templates/video_file_view_react.html
index 758be66bed..a7e867a0d7 100644
--- a/seahub/templates/video_file_view_react.html
+++ b/seahub/templates/video_file_view_react.html
@@ -2,10 +2,14 @@
 {% load render_bundle from webpack_loader %}
 {% load seahub_tags %}
 
+{% block extra_style %}
+{% render_bundle 'viewFileVideo' 'css' %}
+{% endblock %}
+
 {% block extra_data %}
   rawPath: '{{ raw_path|escapejs }}'
 {% endblock %}
 
 {% block render_bundle %}
-{% render_bundle 'viewFileVideo' %}
+{% render_bundle 'viewFileVideo' 'js' %}
 {% endblock %}
diff --git a/seahub/templates/xmind_file_view_react.html b/seahub/templates/xmind_file_view_react.html
index b5698e5296..0dbaf5d60d 100644
--- a/seahub/templates/xmind_file_view_react.html
+++ b/seahub/templates/xmind_file_view_react.html
@@ -2,10 +2,14 @@
 {% load render_bundle from webpack_loader %}
 {% load seahub_tags %}
 
+{% block extra_style %}
+{% render_bundle 'viewFileXmind' 'css' %}
+{% endblock %}
+
 {% block extra_data %}
   xmindImageSrc: '{{ xmind_image_src|escapejs }}'
 {% endblock %}
 
 {% block render_bundle %}
-{% render_bundle 'viewFileXmind' %}
+{% render_bundle 'viewFileXmind' 'js' %}
 {% endblock %}