diff --git a/templates/repo/settings/options.tmpl b/templates/repo/settings/options.tmpl
index 1a2d96bc41..7603646721 100644
--- a/templates/repo/settings/options.tmpl
+++ b/templates/repo/settings/options.tmpl
@@ -879,18 +879,26 @@
 				{{if not .Repository.IsFork}}
 					<div class="item tw-items-center">
 						<div class="item-main">
-							<div class="item-title">{{ctx.Locale.Tr "repo.visibility"}}</div>
+							<div class="item-title tw-flex tw-items-center tw-justify-between">
+								<span>{{ctx.Locale.Tr "repo.visibility"}}</span>
+								{{if .IsSystemRepo}}
+									<span class="ui grey label">System</span>
+								{{else if .Repository.IsHidden}}
+									<span class="ui red label">{{ctx.Locale.Tr "repo.settings.visibility.hidden.label"}}</span>
+								{{else if .Repository.IsPrivate}}
+									<span class="ui orange label">{{ctx.Locale.Tr "repo.settings.visibility.private.label"}}</span>
+								{{else}}
+									<span class="ui green label">{{ctx.Locale.Tr "repo.settings.visibility.public.label"}}</span>
+								{{end}}
+							</div>
 							<div class="item-body">
 								{{if .IsSystemRepo}}
 									This is a system repository. System repositories are always private.
 								{{else if .Repository.IsHidden}}
-									<span class="ui red label">{{ctx.Locale.Tr "repo.settings.visibility.hidden.label"}}</span>
 									{{ctx.Locale.Tr "repo.settings.visibility.hidden.desc"}}
 								{{else if .Repository.IsPrivate}}
-									<span class="ui orange label">{{ctx.Locale.Tr "repo.settings.visibility.private.label"}}</span>
 									{{ctx.Locale.Tr "repo.settings.visibility.private.desc"}}
 								{{else}}
-									<span class="ui green label">{{ctx.Locale.Tr "repo.settings.visibility.public.label"}}</span>
 									{{ctx.Locale.Tr "repo.settings.visibility.public.desc"}}
 								{{end}}
 							</div>