diff --git a/templates/org/select_pro.tmpl b/templates/org/select_pro.tmpl
index 42a21d398..7c6e7ef56 100755
--- a/templates/org/select_pro.tmpl
+++ b/templates/org/select_pro.tmpl
@@ -13,7 +13,8 @@
     .header_card{
         /* color:#003A8C !important; */
         color:#0366D6 !important;
-        margin: 10px 0;
+        margin: 10px 0 0px 0;
+        height: 25px;
     }
     .marg{
         margin: 0 5px !important;
@@ -45,6 +46,9 @@
     .full_height{
         height: 100%;
     }
+    .omit{
+        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
+    }
     /deep/ ui.checkbox input[type=checkbox]::after{
         border: 1px solid #0366D6 !important;
     }
@@ -71,9 +75,9 @@
                         {{ range .RepoList}}
                             <div class="card" >
                             
-                                <div class="extra full_height" >
-                                    <div class=" header " style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
-                                        <a class="header_card" href="{{.Link}}">  {{.Name}}</a>
+                                <div class="extra full_height cor"  >
+                                    <div class=" header header_card omit" >
+                                        <a class="header_card image poping up "   href="{{.Link}}" data-content="{{.Name}}" data-position="top left" data-variation="tiny inverted">  {{.Name}}</a>
                                     </div>
                                     <div class='content descript_height'>
                                         {{.Description}}
@@ -81,15 +85,16 @@
                                     
                                    
                                     <div class="content " >
-                                        {{if .Topics }}
-                                            <div class=" ui tags " >
+                                        {{if .Topics }} 
+                                            <div class="  tags "  style="position: relative;">
                                                 {{range .Topics}}
-                                                        {{if ne . "" }}<a style="margin: 5px 0;width: 100%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" href="{{AppSubUrl}}/explore/repos?q={{.}}&topic={{$.Topic}}"><div class="ui small label topic"  >{{.}}</div></a>{{end}}
-                                                    {{end}}
+                                                        {{if ne . "" }}<a  style="max-width:100%;margin: 5px 0;display:inline-flex;" href="{{AppSubUrl}}/explore/repos?q={{.}}&topic={{$.Topic}}" ><span class="ui small label topic omit"  >{{.}}</span></a>{{end}}
+                                                {{end}}
+                                               
                                             </div>
-                                        {{end}}
-                                    </div> 
-                                   
+                                        {{end}}  
+                                      
+                                    </div>                                    
                                     
                                 </div>
                                 <div class=" extra " style="color:#888888;border-top: none !important">
@@ -191,11 +196,11 @@
         for (let i=0;i<data.length;i++){
             if (data[i].Selected==true){
                 console.log("data[i]:",data[i])
-                pro_html += `<div class="ui checkbox" style="width: 33%;margin-bottom:10px" > <input type="checkbox" id = " ${i}" checked="" onclick="checkedNum(${i})" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}"  data-selected=${data[i].Selected} > <label> ${data[i].RepoName} </label></div>`
+                pro_html += `<div class="ui checkbox" style="width: 33%;margin-bottom:10px" > <input type="checkbox" id = " ${i}" checked="" onclick="checkedNum(${i})" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}"  data-selected=${data[i].Selected} > <label class='omit image poping up' data-content=${data[i].RepoName}  data-position="top left " data-variation="mini"> ${data[i].RepoName}</label></div>`
                 pro_html += '</div>'
             }
             else{
-                pro_html += `<div class="ui checkbox" style="width: 33%;margin-bottom:10px" > <input type="checkbox" id = "${i}"  onclick="checkedNum(${i})" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}" data-selected= ${data[i].Selected}> <label> ${data[i].RepoName} </label></div>`
+                pro_html += `<div class="ui checkbox" style="width: 33%;margin-bottom:10px" > <input type="checkbox" id = "${i}"  onclick="checkedNum(${i})" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}" data-selected= ${data[i].Selected}> <label class='omit image poping up' data-content=${data[i].RepoName}  data-position="top left " data-variation="mini"> ${data[i].RepoName} </label></div>`
                 pro_html += '</div>'
             }
         }