diff --git a/public/css/gogs.css b/public/css/gogs.css
index e5f1d0b58..fc65aa7d1 100644
--- a/public/css/gogs.css
+++ b/public/css/gogs.css
@@ -1450,7 +1450,8 @@ footer .ui.language .menu {
 }
 .repository.file.list #file-content .plain-text {
   font-size: 14px;
-  padding: 10px 15px;
+  padding: 15px 15px 10px 15px;
+  font-family: Consolas;
 }
 .repository.file.list #file-content .code-view * {
   font-size: 12px;
diff --git a/public/less/_repository.less b/public/less/_repository.less
index 7d2c28476..d379c0cdc 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -403,7 +403,8 @@
 
 			.plain-text {
 				font-size: 14px;
-				padding: 10px 15px;
+				padding: 15px 15px 10px 15px;
+				font-family: Consolas;
 			}
 			.code-view {
 				* {
diff --git a/templates/repo/view_file.tmpl b/templates/repo/view_file.tmpl
index fe68b7cb6..4096741a9 100644
--- a/templates/repo/view_file.tmpl
+++ b/templates/repo/view_file.tmpl
@@ -1,7 +1,7 @@
 <div id="file-content" class="{{TabSizeClass .Editorconfig .FileName}}">
 	<h4 class="ui top attached header" id="{{if .ReadmeExist}}repo-readme{{else}}repo-read-file{{end}}">
 		{{if .ReadmeExist}}
-			<i class="book icon ui left"></i>
+			<i class="octicon octicon-book"></i>
 			{{if .ReadmeInList}}
 				<strong>{{.FileName}}</strong>
 			{{else}}