diff --git a/public/css/gogs.css b/public/css/gogs.css
index 434af03590..8b031d6ed3 100755
--- a/public/css/gogs.css
+++ b/public/css/gogs.css
@@ -676,6 +676,12 @@ html, body {
     margin: 0 .5em 0 0;
 }
 
+.file-content .file-head .file-size{
+    font-size: 13px;
+    color: #888;
+    margin-left: 1em;
+}
+
 .file-content .file-body {
     padding: 30px 30px 50px;
     border: none;
diff --git a/templates/repo/single_file.tmpl b/templates/repo/single_file.tmpl
index d00bffa956..45586012ba 100644
--- a/templates/repo/single_file.tmpl
+++ b/templates/repo/single_file.tmpl
@@ -5,7 +5,7 @@
             {{.FileName}}
         {{else}}
             <i class="icon fa fa-file-text-o"></i>
-            {{.FileName}} {{FileSize .FileSize}}
+            {{.FileName}} <span class="file-size">{{FileSize .FileSize}}</span>
             <div class="btn-group pull-right">
                 <a class="btn btn-default hidden" href="#">Edit</a>
                 <a class="btn btn-default" href="{{.FileLink}}">Raw</a>
@@ -17,7 +17,7 @@
     </div>
     {{if not .FileIsText}}
         <div class="panel-footer text-center">
-            <a href="{{.FileLink}}" class="btn btn-default">View Raw</a>
+            <a href="{{.FileLink}}" class="btn btn-default btn-lg">View Raw</a>
         </div>
     {{else}}
         {{if .ReadmeExist}}