diff --git a/ui/template/question-detail.html b/ui/template/question-detail.html
index 6fd39b232..9772cfc2c 100644
--- a/ui/template/question-detail.html
+++ b/ui/template/question-detail.html
@@ -68,7 +68,7 @@ <h1 class="h3 mb-3 text-wrap text-break">
             {{range .detail.Tags}}
             <a href="{{$.baseURL}}/tags/{{.SlugName}}"
                 class="badge-tag rounded-1 {{if .Reserved}}badge-tag-reserved{{end}} {{if .Recommend}}badge-tag-required{{end}} m-1">
-              <span class="">{{.SlugName}}</span>
+              <span class="">{{.DisplayName}}</span>
             </a>
             {{end}}
           </div>
diff --git a/ui/template/question.html b/ui/template/question.html
index db1358704..48c638e51 100644
--- a/ui/template/question.html
+++ b/ui/template/question.html
@@ -75,7 +75,7 @@ <h5 class="text-wrap text-break">
                 <a
                   href="{{$.baseURL}}/tags/{{.SlugName}}"
                   class="badge-tag rounded-1 {{if .Reserved}}badge-tag-reserved{{end}} {{if .Recommend}}badge-tag-required{{end}} me-1">
-                  <span class="">{{.SlugName}}</span>
+                  <span class="">{{.DisplayName}}</span>
                 </a>
                 {{end}}
               </div>
diff --git a/ui/template/tag-detail.html b/ui/template/tag-detail.html
index 595614707..0762b7c27 100644
--- a/ui/template/tag-detail.html
+++ b/ui/template/tag-detail.html
@@ -25,7 +25,7 @@
       <div class="page-main flex-auto col">
         <div class="tag-box mb-5">
           <h3 class="mb-3">
-            <a class="link-dark" href="{{$.baseURL}}/tags/{{$.tag.SlugName}}">{{$.tag.SlugName}}</a>
+            <a class="link-dark" href="{{$.baseURL}}/tags/{{$.tag.SlugName}}">{{$.tag.DisplayName}}</a>
           </h3>
           <p class="text-break">{{formatLinkNofollow $.tag.ParsedText}}</p>
         </div>
@@ -80,7 +80,7 @@ <h5 class="text-wrap text-break">
                 {{range .Tags }}
                 <a href="{{$.baseURL}}/tags/{{.SlugName}}"
                   class="badge-tag rounded-1 {{if .Reserved}}badge-tag-reserved{{end}} {{if .Recommend}}badge-tag-required{{end}} m-1">
-                  <span class="">{{.SlugName}}</span>
+                  <span class="">{{.DisplayName}}</span>
                 </a>
                 {{end}}
               </div>
diff --git a/ui/template/tags.html b/ui/template/tags.html
index 075f4a31a..f72195ea0 100644
--- a/ui/template/tags.html
+++ b/ui/template/tags.html
@@ -54,7 +54,7 @@ <h3 class="mb-4">
             <div class="h-100 card">
               <div class="d-flex flex-column align-items-start card-body">
                 <a href="{{$.baseURL}}/tags/{{.SlugName}}" class="badge-tag rounded-1 mb-3"><span
-                    class="">{{.SlugName}}</span></a>
+                    class="">{{.DisplayName}}</span></a>
                 <div class="small flex-fill text-break text-wrap text-truncate-3 reset-p mb-3">  {{formatLinkNofollow .ParsedText}}
                 </div>
                 <div class="d-flex align-items-center">