diff --git a/templates/user/dashboard/repo_list_dashboard.tmpl b/templates/user/dashboard/repo_list_dashboard.tmpl
index 89be6fc74..9a6b24883 100755
--- a/templates/user/dashboard/repo_list_dashboard.tmpl
+++ b/templates/user/dashboard/repo_list_dashboard.tmpl
@@ -90,7 +90,55 @@
 			</div>
 			<div class="ui attached table segment">
 				<ul class="repo-owner-name-list">
-					<li v-for="repo in repos" :class="{'private': repo.private}" v-show="showRepo(repo)">
+					<div class="ui repository list">
+						{{range .Repos}}
+							<div class="item">
+								<div class="ui header">
+									{{if .RelAvatarLink}}
+										<img class="ui avatar image" src="{{.RelAvatarLink}}">
+									{{end}}
+									<a class="name" href="{{.Link}}">
+										{{if or $.PageIsExplore $.PageIsProfileStarList }}{{if .Owner}}{{.Owner.Name}} / {{end}}{{end}}{{.Name}}
+										{{if .IsArchived}}<i class="archive icon archived-icon"></i>{{end}}
+									</a>
+									{{if .IsPrivate}}
+										<span class="middle text gold">{{svg "octicon-lock" 16}}</span>
+									{{else if .IsFork}}
+										<span class="middle">{{svg "octicon-repo-forked" 16}}</span>
+									{{else if .IsMirror}}
+										<span class="middle">{{svg "octicon-repo-clone" 16}}</span>
+									{{else if .Owner}}
+										{{if .Owner.Visibility.IsPrivate}}
+										<span class="text gold">{{svg "octicon-lock" 16}}</span>
+										{{end}}
+									{{end}}
+									<div class="ui right metas">
+										{{if .PrimaryLanguage }}
+										<span class="text grey"><i class="color-icon" style="background-color: {{.PrimaryLanguage.Color}}"></i>{{ .PrimaryLanguage.Language }}</span>
+										{{end}}
+										<span class="text grey">{{svg "octicon-star" 16}} {{.NumStars}}</span>
+										<span class="text grey">{{svg "octicon-git-branch" 16}} {{.NumForks}}</span>
+									</div>
+								</div>
+								<div class="description">
+									{{if .DescriptionHTML}}<p class="has-emoji">{{.DescriptionHTML}}</p>{{end}}
+									{{if .Topics }}
+										<div class="ui tags">
+										{{range .Topics}}
+											{{if ne . "" }}<a href="{{AppSubUrl}}/explore/repos?q={{.}}&topic=1"><div class="ui small label topic">{{.}}</div></a>{{end}}
+										{{end}}
+										</div>
+									{{end}}
+									<p class="time">{{$.i18n.Tr "org.repo_updated"}} {{TimeSinceUnix .UpdatedUnix $.i18n.Lang}}</p>
+								</div>
+							</div>
+						{{else}}
+						<div>
+							{{$.i18n.Tr "explore.repo_no_results"}}
+						</div>
+						{{end}}
+					</div>
+					{# <li v-for="repo in repos" :class="{'private': repo.private}" v-show="showRepo(repo)">
 						<a :href="suburl + '/' + repo.full_name">
 							<svg :class="'svg ' + repoClass(repo)" width="16" height="16" aria-hidden="true"><use :xlink:href="'#' + repoClass(repo)" /></svg>
 							<strong class="text truncate item-name">${repo.full_name}</strong>
@@ -122,7 +170,7 @@
 								</a>
 							</div>
 						</div>
-					</li>
+					</li> #}
 				</ul>
 			</div>
 		</div>