diff --git a/src/forge/Server/quality/detail.jsx b/src/forge/Server/quality/detail.jsx
index 8adbadd68..5e9f26fdd 100644
--- a/src/forge/Server/quality/detail.jsx
+++ b/src/forge/Server/quality/detail.jsx
@@ -197,7 +197,7 @@ function issueDetail(props){
     </div>
     {
       snippetsDetail && <div className="snippets" ref={ codeRef }>
-        <div className="head"><img src={ folderImg } alt="" />{ snippetsDetail.component.path }</div>
+        <div className="head"><img src={ folderImg } alt="" /><span>{ snippetsDetail.component.path }</span></div>
         <div className="content">
           <tbody>
             {snippetsDetail.sources.map((item, index) => (
diff --git a/src/forge/Server/quality/detail.scss b/src/forge/Server/quality/detail.scss
index 8a4a10dc8..6df2331ba 100644
--- a/src/forge/Server/quality/detail.scss
+++ b/src/forge/Server/quality/detail.scss
@@ -137,6 +137,12 @@
         width: 18px;
         margin-right: 10px;
       }
+      span {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        width: 780px;
+      }
     }
     .content {
       display: flex;