diff --git a/public/ng/css/gogs.css b/public/ng/css/gogs.css
index dad84583d..63cbd5b27 100644
--- a/public/ng/css/gogs.css
+++ b/public/ng/css/gogs.css
@@ -1510,6 +1510,9 @@ The register and sign-in page style
 .commit-list .message span {
   max-width: 500px;
 }
+.commit-message {
+  white-space: pre-wrap;
+}
 .diff-head-box {
   margin-top: 10px;
 }
diff --git a/public/ng/less/gogs/repository.less b/public/ng/less/gogs/repository.less
index 4eef314b5..4b7301be5 100644
--- a/public/ng/less/gogs/repository.less
+++ b/public/ng/less/gogs/repository.less
@@ -535,6 +535,11 @@
         }
     }
 }
+
+.commit-message {
+	white-space: pre-wrap;
+}
+
 .diff-head-box {
     margin-top: 10px;
     .panel-body {
diff --git a/templates/repo/diff.tmpl b/templates/repo/diff.tmpl
index 8e6b1b079..61164c0de 100644
--- a/templates/repo/diff.tmpl
+++ b/templates/repo/diff.tmpl
@@ -17,7 +17,7 @@
         <div class="panel panel-info panel-radius diff-head-box">
             <div class="panel-header">
                 <a class="pull-right btn btn-blue btn-header btn-medium btn-radius" rel="nofollow" href="{{.SourcePath}}">{{.i18n.Tr "repo.diff.browse_source"}}</a>
-                <h4>{{.Commit.Message}}</h4>
+                <h4 class="commit-message">{{.Commit.Message}}</h4>
             </div>
             <div class="panel-body">
                 <span class="pull-right">