diff --git a/src/main/twirl/gitbucket/core/repo/files.scala.html b/src/main/twirl/gitbucket/core/repo/files.scala.html
index f8b0885..d1b31cb 100644
--- a/src/main/twirl/gitbucket/core/repo/files.scala.html
+++ b/src/main/twirl/gitbucket/core/repo/files.scala.html
@@ -106,25 +106,27 @@
         }
         </td>
         <td class="content-name">
-        @if(file.isDirectory){
-          @if(file.linkUrl.isDefined){
-            <a href="@file.linkUrl">
-              <span class="simplified-path">@file.name.split("/").toList.init match {
-                case Nil => {}
-                case list => {@list.mkString("", "/", "/")}
-              }</span>@file.name.split("/").toList.last
-            </a>
-          } else {
-            <a href="@url(repository)/tree@{(encodeRefName(branch) :: pathList).mkString("/", "/", "/")}@file.name">
-              <span class="simplified-path">@file.name.split("/").toList.init match {
-                case Nil => {}
-                case list => {@list.mkString("", "/", "/")}
-              }</span>@file.name.split("/").toList.last
-            </a>
-          }
-        } else {
-          <a href="@url(repository)/blob@{(encodeRefName(branch) :: pathList).mkString("/", "/", "/")}@file.name">@file.name</a>
-        }
+          <span class="content-name-truncate">
+            @if(file.isDirectory){
+              @if(file.linkUrl.isDefined){
+                <a href="@file.linkUrl">
+                  <span class="simplified-path">@file.name.split("/").toList.init match {
+                    case Nil => {}
+                    case list => {@list.mkString("", "/", "/")}
+                  }</span>@file.name.split("/").toList.last
+                </a>
+              } else {
+                <a href="@url(repository)/tree@{(encodeRefName(branch) :: pathList).mkString("/", "/", "/")}@file.name">
+                  <span class="simplified-path">@file.name.split("/").toList.init match {
+                    case Nil => {}
+                    case list => {@list.mkString("", "/", "/")}
+                  }</span>@file.name.split("/").toList.last
+                </a>
+              }
+            } else {
+              <a href="@url(repository)/blob@{(encodeRefName(branch) :: pathList).mkString("/", "/", "/")}@file.name">@file.name</a>
+            }
+          </span>
         </td>
         <td class="mute">
           <a href="@url(repository)/commit/@file.commitId" class="commit-message shorten-text" title="@file.message">@link(file.message, repository)</a>
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index 5b13ac1..52281d2 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -831,6 +831,12 @@
   max-width: 180px;
 }
 
+table.table-file-list .content-name .content-name-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 table.table-file-list .commit-message {
   max-width: 415px;
   display: inline-block;