diff --git a/templates/base/head_navbar.tmpl b/templates/base/head_navbar.tmpl
index ec696e64a..25b79c99f 100755
--- a/templates/base/head_navbar.tmpl
+++ b/templates/base/head_navbar.tmpl
@@ -18,15 +18,15 @@
 
 	{{if .IsSigned}}
 		<div class=" item edge">
-			<div class="ui dropdown item">
+			<div class="dropdown-menu">
 				<a class=" item lfpd" href="/dashboard" >
 					 {{.i18n.Tr "index"}} <i class="dropdown icon mglf" ></i>
 				</a>
 				
-				<div class="menu"  >
-					<a  class=" item" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a>
-					<a  class=" item"   href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a>
-					<a  class=" item" href="{{AppSubUrl}}/milestones">{{.i18n.Tr "milestones"}}</a>		
+				<div class="dropdown-content"  style="min-width: 110px;border-radius:4px">
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a>
+					<a  style="border: none;color: #000; white-space: nowrap;" class=" item"   href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a>
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/milestones">{{.i18n.Tr "milestones"}}</a>		
 				</div>
 			</div>
 		</div>
@@ -55,7 +55,7 @@
 				
 				<div class="dropdown-content"  style="min-width: 110px;border-radius:4px">
 					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "issues"}}</a>
-					<a  style="border: none;color: #000;" class=" item"   href="{{AppSubUrl}}/user/login">{{.i18n.Tr "pull_requests"}}</a>
+					<a  style="border: none;color: #000; white-space: nowrap;" class=" item"   href="{{AppSubUrl}}/user/login">{{.i18n.Tr "pull_requests"}}</a>
 					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "milestones"}}</a>		
 				</div>
 			</div>
diff --git a/templates/base/head_navbar_fluid.tmpl b/templates/base/head_navbar_fluid.tmpl
index 788505cd0..9475f8f5f 100644
--- a/templates/base/head_navbar_fluid.tmpl
+++ b/templates/base/head_navbar_fluid.tmpl
@@ -17,16 +17,18 @@
 	
 
 	{{if .IsSigned}}
-		<div class="ui dropdown item"  >
+		<div class="item edge"  >
+			<div class="dropdown-menu">
 				<a class=" item lfpd" href="/dashboard">
 					{{.i18n.Tr "index"}}  <i class="dropdown icon mglf"></i>
 				</a>
 				
-				<div class="menu">
-					<a  class="item" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a>
-					<a  class="item"  href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a>
-					<a  class="item" href="{{AppSubUrl}}/milestones">{{.i18n.Tr "milestones"}}</a>		
+				<div class="dropdown-content"  style="min-width: 110px;border-radius:4px">
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a>
+					<a  style="border: none;color: #000; white-space: nowrap;" class=" item"   href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a>
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/milestones">{{.i18n.Tr "milestones"}}</a>		
 				</div>
+			</div>
 		</div>
 		<a class="item" href="{{AppSubUrl}}/explore/repos">{{.i18n.Tr "custom.head.project"}}</a>
 		<a class="item" href="{{AppSubUrl}}/explore/datasets">{{.i18n.Tr "custom.head.dataset"}}</a>
@@ -50,10 +52,10 @@
 					{{.i18n.Tr "home"}}  <i class="dropdown icon mglf"></i>
 				</a>
 				
-				<div class="menu">
-					<a  class="item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "issues"}}</a>
-					<a  class="item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "pull_requests"}}</a>
-					<a  class="item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "milestones"}}</a>		
+				<div class="dropdown-content"  style="min-width: 110px;border-radius:4px">
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "issues"}}</a>
+					<a  style="border: none;color: #000; white-space: nowrap;" class=" item"   href="{{AppSubUrl}}/user/login">{{.i18n.Tr "pull_requests"}}</a>
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "milestones"}}</a>		
 				</div>
 			</div>
 		</div>
diff --git a/templates/base/head_navbar_home.tmpl b/templates/base/head_navbar_home.tmpl
index 0c1d1e3f2..49b0b60e8 100644
--- a/templates/base/head_navbar_home.tmpl
+++ b/templates/base/head_navbar_home.tmpl
@@ -9,18 +9,18 @@
 	</div>
 
 	{{if .IsSigned}}
-		<div class="ui dropdown item"  >
-			
+		<div class="item edge"  >
+			<div class="dropdown-menu">
 				<a class=" item lfpd" href="/dashboard">
 					{{.i18n.Tr "index"}}  <i class="dropdown icon mglf"></i>
 				</a>
 				
-				<div class="menu">
-					<a  class="item" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a>
-					<a  class="item"  href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a>
-					<a  class="item" href="{{AppSubUrl}}/milestones">{{.i18n.Tr "milestones"}}</a>		
+				<div class="dropdown-content"  style="min-width: 110px;border-radius:4px">
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a>
+					<a  style="border: none;color: #000; white-space: nowrap;" class=" item"   href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a>
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/milestones">{{.i18n.Tr "milestones"}}</a>		
 				</div>
-		
+			</div>
 		</div>
 		<a class="item" href="{{AppSubUrl}}/explore/repos">{{.i18n.Tr "custom.head.project"}}</a>
 		<a class="item" href="{{AppSubUrl}}/explore/datasets">{{.i18n.Tr "custom.head.dataset"}}</a>
@@ -44,10 +44,10 @@
 					{{.i18n.Tr "home"}}  <i class="dropdown icon mglf"></i>
 				</a>
 				
-				<div class="menu">
-					<a  class="item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "issues"}}</a>
-					<a  class="item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "pull_requests"}}</a>
-					<a  class="item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "milestones"}}</a>		
+				<div class="dropdown-content"  style="min-width: 110px;border-radius:4px">
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "issues"}}</a>
+					<a  style="border: none;color: #000; white-space: nowrap;" class=" item"   href="{{AppSubUrl}}/user/login">{{.i18n.Tr "pull_requests"}}</a>
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "milestones"}}</a>		
 				</div>
 			</div>
 		</div>
diff --git a/templates/base/head_navbar_pro.tmpl b/templates/base/head_navbar_pro.tmpl
index 6d5fb299c..e8bb5a4c6 100644
--- a/templates/base/head_navbar_pro.tmpl
+++ b/templates/base/head_navbar_pro.tmpl
@@ -18,18 +18,18 @@
 
 	{{if .IsSigned}}
     
-		<div class="ui dropdown item" >
-			
+		<div class=" item edge" >
+			<div class="dropdown-menu">
 				<a class=" item lfpd" href="/dashboard">
 					{{.i18n.Tr "index"}} <i class="dropdown icon mglf"></i>
 				</a>
 				
-				<div class="menu">
-					<a  class="item" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a>
-					<a  class="item"  href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a>
-					<a  class="item" href="{{AppSubUrl}}/milestones">{{.i18n.Tr "milestones"}}</a>		
+				<div class="dropdown-content"  style="min-width: 110px;border-radius:4px">
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a>
+					<a  style="border: none;color: #000;white-space: nowrap;" class=" item"   href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a>
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/milestones">{{.i18n.Tr "milestones"}}</a>		
 				</div>
-	
+			</div>
 		</div>
 
 		<a class="item" href="{{AppSubUrl}}/explore/repos">{{.i18n.Tr "custom.head.project"}}</a>
@@ -54,10 +54,10 @@
 					{{.i18n.Tr "home"}}  <i class="dropdown icon mglf"></i>
 				</a>
 				
-				<div class="menu">
-					<a  class="item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "issues"}}</a>
-					<a  class="item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "pull_requests"}}</a>
-					<a  class="item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "milestones"}}</a>		
+				<div class="dropdown-content"  style="min-width: 110px;border-radius:4px">
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "issues"}}</a>
+					<a  style="border: none;color: #000;white-space: nowrap;" class=" item"   href="{{AppSubUrl}}/user/login">{{.i18n.Tr "pull_requests"}}</a>
+					<a  style="border: none;color: #000;" class=" item" href="{{AppSubUrl}}/user/login">{{.i18n.Tr "milestones"}}</a>		
 				</div>
 			</div>
 		</div>
@@ -67,14 +67,14 @@
 		<div class="ui dropdown item" id='dropdown_PageHome'>
 			{{.i18n.Tr "explore"}}
 			<i class="dropdown icon"></i>
-			<div class="menu">
+			<div class="menu" >
 				<a class="item" href="{{AppSubUrl}}/explore/users">{{.i18n.Tr "explore.users"}}</a>
 				<a class="item" href="{{AppSubUrl}}/explore/organizations">{{.i18n.Tr "explore.organizations"}}</a>
 				<a class="item" href="{{AppSubUrl}}/explore/images">{{.i18n.Tr "explore.images"}}</a>
 				{{if .IsOperator}}
 					<a class="item" href="{{AppSubUrl}}/explore/data_analysis">{{.i18n.Tr "explore.data_analysis"}}</a>
 				{{end}}
-				<a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a>
+				<a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi"}}</a>
 			</div>
 		</div>
 	{{else if .IsLandingPageExplore}}