diff --git a/templates/org/navber.tmpl b/templates/org/navber.tmpl
index f7e88c1e9..772d9f67e 100755
--- a/templates/org/navber.tmpl
+++ b/templates/org/navber.tmpl
@@ -42,18 +42,15 @@
 	.active{
 		color:#0366D6 !important;
 	}
-	.mleft{
-		margin-left: 30% !important;
-	}
 	.mbom{
 		margin-bottom: 10px !important;
 	}
 </style>
 
 <div class="row">
-	<div class="ui secondary pointing tabular top attached borderless menu navbar mbom">
+	<div class="ui secondary tiny pointing borderless menu center aligned grid mbom">
 		{{with .Org}}
-		<a class="{{if $.PageIsOrgHome}}active{{end}} item mleft" href="{{.HomeLink}}">
+		<a class="{{if $.PageIsOrgHome}}active{{end}} item" href="{{.HomeLink}}">
 			{{svg "octicon-home" 16}}&nbsp;{{$.i18n.Tr "org.home"}}
 		</a>
 		{{end}}
diff --git a/templates/org/select_pro.tmpl b/templates/org/select_pro.tmpl
index 5105fa40e..36dfda83d 100755
--- a/templates/org/select_pro.tmpl
+++ b/templates/org/select_pro.tmpl
@@ -83,47 +83,36 @@
         {{ range .tags}}
                 {{if eq .TagName "精选项目"}}
                     
-                    <div class="ui three cards" style="margin-bottom: 10px;">
+                    <div class="ui three stackable cards" style="margin-bottom: 10px;">
                         {{ range .RepoList}}
-                            <div class="card" >
+                            <div class="ui raised card">
                             
-                                <div class="extra full_height cor"  >
-                                    <div class=" header header_card omit" >
-                                        <a class="header_card image poping up "   href="{{.Link}}" data-content="{{if .Alias}}{{.Alias}}{{else}}{{.Name}}{{end}}" data-position="top left" data-variation="tiny inverted">{{if .Alias}}{{.Alias}}{{else}}{{.Name}}{{end}}</a>
+                                <div class="content" style="padding-bottom: 0;">
+                                    <div class="header" >
+                                        <a href="{{.Link}}">{{if .Alias}}{{.Alias}}{{else}}{{.Name}}{{end}}</a>
                                     </div>
                                     
-                                    <div class='content descript_height nowrap-2'>
+                                    <div class="description">
+                                        <p class="nowrap-2">
                                         {{.Description}}
-                                    </div>
-                                    
-                                   
-                                    <div class="content " >
+                                        </p>
                                         {{if .Topics }} 
-                                            <div class="  tags "  style="position: relative;">
-                                                {{range .Topics}}
-                                                        {{if ne . "" }}<a  style="max-width:100%;display:inline-flex;" href="{{AppSubUrl}}/explore/repos?q={{.}}&topic={{$.Topic}}" ><span class="ui small label topic omit"  >{{.}}</span></a>{{end}}
-                                                {{end}}
-                                               
-                                            </div>
-                                        {{end}}  
-                                      
+                                        <p>
+                                            {{range .Topics}}
+                                                {{if ne . "" }}<a href="{{AppSubUrl}}/explore/repos?q={{.}}&topic={{$.Topic}}" class="ui small label topic omit" >{{.}}</a>{{end}}
+                                            {{end}}
+                                        </p>
+                                        {{end}}
                                     </div>                                    
-                                    
                                 </div>
-                                <div class=" extra " style="color:#888888;border-top: none !important;padding-top: 0">
-                                    <div class="ui mini right compact marg" >
-                                        <a class="item marg ">
-                                            {{svg "octicon-eye" 16}} {{.NumWatches}}
-                                        </a>
-                                        <a class="item marg">
-                                            {{svg "octicon-star" 16}} {{.NumStars}}
-                                        </a>
-                                        <a class="item marg">
-                                            {{svg "octicon-git-branch" 16}} {{.NumForks}}
-                                        </a>
-                                        
-                                    </div>
+                                <div class="extra content">
+                                    <span class="right floated date">
+                                        {{svg "octicon-eye" 16}} {{.NumWatches}} &nbsp &nbsp 
+                                        {{svg "octicon-star" 16}} {{.NumStars}} &nbsp &nbsp 
+                                        {{svg "octicon-git-branch" 16}} {{.NumForks}}
+                                    </span>
                                 </div>
+
                             </div>   
                         {{end}}
                     </div>
diff --git a/web_src/less/openi.less b/web_src/less/openi.less
index c59416cf0..f6148249e 100644
--- a/web_src/less/openi.less
+++ b/web_src/less/openi.less
@@ -12,6 +12,11 @@ a {
 .ui .text.yellow a:hover {
 	color: #f2711c!important
 }
+.ui.small.label.topic{
+	margin-bottom: 0;
+    font-weight: 400;
+}
+
 .mb-1 {
 	margin-bottom: 8px !important;
 }
@@ -142,6 +147,11 @@ footer {
 	width:auto;
 	margin:10px auto;
 }
+.ui.card>.extra, .ui.cards>.card>.extra{
+	border-top:none !important;
+	padding: .5em .5em 1em;
+}
+
 #index-project .ui.card>.content, #index-project.ui.cards>.card>.content{
 	padding: 0.5em 0.2em;
 }