diff --git a/src/forge/Component/Component.scss b/src/forge/Component/Component.scss
index ef2bd2b52..646061378 100644
--- a/src/forge/Component/Component.scss
+++ b/src/forge/Component/Component.scss
@@ -269,6 +269,9 @@ li.ant-menu-item{
       margin-bottom: 10px;
       a{
         display: block;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
       }
       &:hover{
         background-color: #D1E9FF;
diff --git a/src/forge/Component/SiderBar.js b/src/forge/Component/SiderBar.js
index c70191ee6..88acbc399 100644
--- a/src/forge/Component/SiderBar.js
+++ b/src/forge/Component/SiderBar.js
@@ -41,7 +41,7 @@ function SiderBar() {
         {
           list && list.map((i,k)=>{
             return(
-              <li><a href={`${i.url}`} target="_blank">{i.question}</a></li>
+              <li><a href={`${i.url}`} title={i.question} target="_blank">{i.question}</a></li>
             )
           })
         }