diff --git a/templates/admin/config.tmpl b/templates/admin/config.tmpl
index 17fb2444d3f8d..c51f9cb0bf8af 100644
--- a/templates/admin/config.tmpl
+++ b/templates/admin/config.tmpl
@@ -20,19 +20,19 @@
 				<dt>{{.locale.Tr "admin.config.disable_router_log"}}</dt>
 				<dd>{{if .DisableRouterLog}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</dd>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<dt>{{.locale.Tr "admin.config.run_user"}}</dt>
 				<dd>{{.RunUser}}</dd>
 				<dt>{{.locale.Tr "admin.config.run_mode"}}</dt>
 				<dd>{{.RunMode}}</dd>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<dt>{{.locale.Tr "admin.config.git_version"}}</dt>
 				<dd>{{.GitVersion}}</dd>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<dt>{{.locale.Tr "admin.config.repo_root_path"}}</dt>
 				<dd>{{.RepoRootPath}}</dd>
@@ -174,7 +174,7 @@
 				<dd>{{if .Service.NoReplyAddress}}{{.Service.NoReplyAddress}}{{else}}-{{end}}</dd>
 				<dt>{{.locale.Tr "admin.config.default_enable_dependencies"}}</dt>
 				<dd>{{if .Service.DefaultEnableDependencies}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</dd>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<dt>{{.locale.Tr "admin.config.active_code_lives"}}</dt>
 				<dd>{{.Service.ActiveCodeLives}} {{.locale.Tr "tool.raw_minutes"}}</dd>
 				<dt>{{.locale.Tr "admin.config.reset_password_code_lives"}}</dt>
@@ -230,7 +230,7 @@
 					{{end}}
 					<dt>{{.locale.Tr "admin.config.mailer_user"}}</dt>
 					<dd>{{if .Mailer.User}}{{.Mailer.User}}{{else}}(empty){{end}}</dd>
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					<dt class="gt-py-2">{{.locale.Tr "admin.config.send_test_mail"}}</dt>
 					<dd>
 						<form class="ui form ignore-dirty" action="{{AppSubUrl}}/admin/config/test_mail" method="post">
@@ -296,7 +296,7 @@
 						<input type="checkbox" name="picture.disable_gravatar" version="{{.SystemSettings.GetVersion "picture.disable_gravatar"}}"{{if .SystemSettings.GetBool "picture.disable_gravatar"}} checked{{end}} title="{{.locale.Tr "admin.config.disable_gravatar"}}">
 					</div>
 				</dd>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<dt>{{.locale.Tr "admin.config.enable_federated_avatar"}}</dt>
 				<dd>
 					<div class="ui toggle checkbox">
@@ -322,7 +322,7 @@
 				<dt>{{.locale.Tr "admin.config.git_gc_args"}}</dt>
 				<dd><code>{{.Git.GCArgs}}</code></dd>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<dt>{{.locale.Tr "admin.config.git_migrate_timeout"}}</dt>
 				<dd>{{.Git.Timeout.Migrate}} {{.locale.Tr "tool.raw_seconds"}}</dd>
diff --git a/templates/admin/dashboard.tmpl b/templates/admin/dashboard.tmpl
index 1dd920c2dd0e7..8312fba039aab 100644
--- a/templates/admin/dashboard.tmpl
+++ b/templates/admin/dashboard.tmpl
@@ -79,7 +79,7 @@
 				<dd><relative-time format="duration" datetime="{{.SysStatus.StartTime}}">{{.SysStatus.StartTime}}</relative-time></dd>
 				<dt>{{.locale.Tr "admin.dashboard.current_goroutine"}}</dt>
 				<dd>{{.SysStatus.NumGoroutine}}</dd>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<dt>{{.locale.Tr "admin.dashboard.current_memory_usage"}}</dt>
 				<dd>{{.SysStatus.MemAllocated}}</dd>
 				<dt>{{.locale.Tr "admin.dashboard.total_memory_allocated"}}</dt>
@@ -92,7 +92,7 @@
 				<dd>{{.SysStatus.MemMallocs}}</dd>
 				<dt>{{.locale.Tr "admin.dashboard.memory_free_times"}}</dt>
 				<dd>{{.SysStatus.MemFrees}}</dd>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<dt>{{.locale.Tr "admin.dashboard.current_heap_usage"}}</dt>
 				<dd>{{.SysStatus.HeapAlloc}}</dd>
 				<dt>{{.locale.Tr "admin.dashboard.heap_memory_obtained"}}</dt>
@@ -105,7 +105,7 @@
 				<dd>{{.SysStatus.HeapReleased}}</dd>
 				<dt>{{.locale.Tr "admin.dashboard.heap_objects"}}</dt>
 				<dd>{{.SysStatus.HeapObjects}}</dd>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<dt>{{.locale.Tr "admin.dashboard.bootstrap_stack_usage"}}</dt>
 				<dd>{{.SysStatus.StackInuse}}</dd>
 				<dt>{{.locale.Tr "admin.dashboard.stack_memory_obtained"}}</dt>
@@ -124,7 +124,7 @@
 				<dd>{{.SysStatus.GCSys}}</dd>
 				<dt>{{.locale.Tr "admin.dashboard.other_system_allocation_obtained"}}</dt>
 				<dd>{{.SysStatus.OtherSys}}</dd>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<dt>{{.locale.Tr "admin.dashboard.next_gc_recycle"}}</dt>
 				<dd>{{.SysStatus.NextGC}}</dd>
 				<dt>{{.locale.Tr "admin.dashboard.last_gc_time"}}</dt>
diff --git a/templates/admin/stacktrace.tmpl b/templates/admin/stacktrace.tmpl
index 46ad421587b03..b9d8e6538f0b8 100644
--- a/templates/admin/stacktrace.tmpl
+++ b/templates/admin/stacktrace.tmpl
@@ -16,7 +16,7 @@
 		</form>
 	</div>
 
-	<div class="ui divider"></div>
+	<div class="divider"></div>
 
 	<h4 class="ui top attached header">
 		{{printf "%d Goroutines" .GoroutineCount}}{{/* Goroutine is non-translatable*/}}
diff --git a/templates/admin/user/edit.tmpl b/templates/admin/user/edit.tmpl
index 75bbd9a97c30b..96e09156d1eb6 100644
--- a/templates/admin/user/edit.tmpl
+++ b/templates/admin/user/edit.tmpl
@@ -79,7 +79,7 @@
 					<input id="location" name="location" value="{{.User.Location}}" maxlength="50">
 				</div>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<div class="inline field {{if .Err_MaxRepoCreation}}error{{end}}">
 					<label for="max_repo_creation">{{.locale.Tr "admin.users.max_repo_creation"}}</label>
@@ -87,7 +87,7 @@
 					<p class="help">{{.locale.Tr "admin.users.max_repo_creation_desc"}}</p>
 				</div>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<div class="inline field">
 					<div class="ui checkbox">
@@ -135,7 +135,7 @@
 				{{end}}
 
 				{{if .TwoFactorEnabled}}
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<div class="inline field">
 					<div class="ui checkbox">
 						<label><strong>{{.locale.Tr "admin.users.reset_2fa"}}</strong></label>
@@ -144,7 +144,7 @@
 				</div>
 				{{end}}
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<div class="field">
 					<button class="ui green button">{{.locale.Tr "admin.users.update_profile"}}</button>
diff --git a/templates/admin/user/list.tmpl b/templates/admin/user/list.tmpl
index 3093b0f47a878..3742b4ae85176 100644
--- a/templates/admin/user/list.tmpl
+++ b/templates/admin/user/list.tmpl
@@ -16,19 +16,19 @@
 						<span class="text">{{.locale.Tr "admin.users.list_status_filter.menu_text"}} {{svg "octicon-triangle-down" 14 "dropdown icon"}}</span>
 						<div class="menu">
 							<a class="item j-reset-status-filter">{{.locale.Tr "admin.users.list_status_filter.reset"}}</a>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 							<label class="item"><input type="radio" name="status_filter[is_admin]" value="1"> {{.locale.Tr "admin.users.list_status_filter.is_admin"}}</label>
 							<label class="item"><input type="radio" name="status_filter[is_admin]" value="0"> {{.locale.Tr "admin.users.list_status_filter.not_admin"}}</label>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 							<label class="item"><input type="radio" name="status_filter[is_active]" value="1"> {{.locale.Tr "admin.users.list_status_filter.is_active"}}</label>
 							<label class="item"><input type="radio" name="status_filter[is_active]" value="0"> {{.locale.Tr "admin.users.list_status_filter.not_active"}}</label>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 							<label class="item"><input type="radio" name="status_filter[is_restricted]" value="0"> {{.locale.Tr "admin.users.list_status_filter.not_restricted"}}</label>
 							<label class="item"><input type="radio" name="status_filter[is_restricted]" value="1"> {{.locale.Tr "admin.users.list_status_filter.is_restricted"}}</label>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 							<label class="item"><input type="radio" name="status_filter[is_prohibit_login]" value="0"> {{.locale.Tr "admin.users.list_status_filter.not_prohibit_login"}}</label>
 							<label class="item"><input type="radio" name="status_filter[is_prohibit_login]" value="1"> {{.locale.Tr "admin.users.list_status_filter.is_prohibit_login"}}</label>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 							<label class="item"><input type="radio" name="status_filter[is_2fa_enabled]" value="1"> {{.locale.Tr "admin.users.list_status_filter.is_2fa_enabled"}}</label>
 							<label class="item"><input type="radio" name="status_filter[is_2fa_enabled]" value="0"> {{.locale.Tr "admin.users.list_status_filter.not_2fa_enabled"}}</label>
 						</div>
diff --git a/templates/explore/code.tmpl b/templates/explore/code.tmpl
index 924a3e627482a..c537cca05e8d1 100644
--- a/templates/explore/code.tmpl
+++ b/templates/explore/code.tmpl
@@ -3,7 +3,7 @@
 	{{template "explore/navbar" .}}
 	<div class="ui container">
 		{{template "code/searchform" .}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		<div class="ui user list">
 			{{if .CodeIndexerUnavailable}}
 				<div class="ui error message">
diff --git a/templates/explore/repo_search.tmpl b/templates/explore/repo_search.tmpl
index fbce9dcdd94e5..6e150dc7f2ac8 100644
--- a/templates/explore/repo_search.tmpl
+++ b/templates/explore/repo_search.tmpl
@@ -39,4 +39,4 @@
 		<span data-tooltip-content="{{.locale.Tr "explore.relevant_repositories_tooltip"}}">{{.locale.Tr "explore.relevant_repositories" ((printf "%s%s" $.Link "?only_show_relevant=0")|Escape) | Safe}}</span>
 	</div>
 {{end}}
-<div class="ui divider"></div>
+<div class="divider"></div>
diff --git a/templates/explore/search.tmpl b/templates/explore/search.tmpl
index 11f3b7ba34f28..b0041ee3ce25e 100644
--- a/templates/explore/search.tmpl
+++ b/templates/explore/search.tmpl
@@ -21,4 +21,4 @@
 		</div>
 	</div>
 </div>
-<div class="ui divider"></div>
+<div class="divider"></div>
diff --git a/templates/install.tmpl b/templates/install.tmpl
index 3df4455416df7..c9f147a64df36 100644
--- a/templates/install.tmpl
+++ b/templates/install.tmpl
@@ -321,7 +321,7 @@
 						</div>
 					</details>
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					<div class="inline field">
 						<label></label>
 						<button class="ui primary button">{{.locale.Tr "install.install_btn_confirm"}}</button>
diff --git a/templates/org/home.tmpl b/templates/org/home.tmpl
index d540f8035247e..7f52b8cc6dcab 100644
--- a/templates/org/home.tmpl
+++ b/templates/org/home.tmpl
@@ -51,7 +51,7 @@
 							<a class="ui green button" href="{{AppSubUrl}}/repo/migrate?org={{.Org.ID}}&mirror=1">{{.locale.Tr "new_migrate"}}</a>
 						{{end}}
 					</div>
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 				{{end}}
 				<h4 class="ui top attached header gt-df">
 					<strong class="gt-f1">{{.locale.Tr "org.members"}}</strong>
diff --git a/templates/org/settings/labels.tmpl b/templates/org/settings/labels.tmpl
index be408617ce596..2700c61bb6cf7 100644
--- a/templates/org/settings/labels.tmpl
+++ b/templates/org/settings/labels.tmpl
@@ -10,7 +10,7 @@
 							</div>
 						</div>
 					</div>
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					{{template "repo/issue/labels/label_new" .}}
 					{{template "repo/issue/labels/label_list" .}}
 				</div>
diff --git a/templates/org/settings/options.tmpl b/templates/org/settings/options.tmpl
index 12a24bff08999..846ebaee1adae 100644
--- a/templates/org/settings/options.tmpl
+++ b/templates/org/settings/options.tmpl
@@ -31,7 +31,7 @@
 							<input id="location" name="location"  value="{{.Org.Location}}" maxlength="50">
 						</div>
 
-						<div class="ui divider"></div>
+						<div class="divider"></div>
 						<div class="field" id="visibility_box">
 							<label for="visibility">{{.locale.Tr "org.settings.visibility"}}</label>
 							<div class="field">
@@ -65,7 +65,7 @@
 						</div>
 
 						{{if .SignedUser.IsAdmin}}
-						<div class="ui divider"></div>
+						<div class="divider"></div>
 
 						<div class="inline field {{if .Err_MaxRepoCreation}}error{{end}}">
 							<label for="max_repo_creation">{{.locale.Tr "admin.users.max_repo_creation"}}</label>
@@ -79,7 +79,7 @@
 						</div>
 					</form>
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<form class="ui form" action="{{.Link}}/avatar" method="post" enctype="multipart/form-data">
 						{{.CsrfTokenHtml}}
diff --git a/templates/org/team/new.tmpl b/templates/org/team/new.tmpl
index 0cba09be51390..3702198ae0932 100644
--- a/templates/org/team/new.tmpl
+++ b/templates/org/team/new.tmpl
@@ -69,7 +69,7 @@
 									</div>
 								</div>
 							</div>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 
 							<div class="team-units required grouped field {{if eq .Team.AccessMode 3}}gt-hidden{{end}}">
 								<label>{{.locale.Tr "org.team_unit_desc"}}</label>
diff --git a/templates/org/team/teams.tmpl b/templates/org/team/teams.tmpl
index dcf937f3f0734..9a7dae8f328df 100644
--- a/templates/org/team/teams.tmpl
+++ b/templates/org/team/teams.tmpl
@@ -7,7 +7,7 @@
 			<div class="text right">
 				<a class="ui green button" href="{{.OrgLink}}/teams/new">{{svg "octicon-plus"}} {{.locale.Tr "org.create_new_team"}}</a>
 			</div>
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 		{{end}}
 
 		<div class="ui two column stackable grid">
diff --git a/templates/package/shared/cleanup_rules/edit.tmpl b/templates/package/shared/cleanup_rules/edit.tmpl
index f8525afb70b45..295ac1a6a4d98 100644
--- a/templates/package/shared/cleanup_rules/edit.tmpl
+++ b/templates/package/shared/cleanup_rules/edit.tmpl
@@ -23,7 +23,7 @@
 				<input type="checkbox" name="match_full_name" {{if .CleanupRule.MatchFullName}}checked{{end}}>
 			</div>
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		<p>{{.locale.Tr "packages.owner.settings.cleanuprules.keep.title"}}</p>
 		<div class="field {{if .Err_KeepCount}}error{{end}}">
 			<label>{{.locale.Tr "packages.owner.settings.cleanuprules.keep.count"}}:</label>
@@ -42,7 +42,7 @@
 			<input name="keep_pattern" type="text" value="{{.CleanupRule.KeepPattern}}">
 			<p>{{.locale.Tr "packages.owner.settings.cleanuprules.keep.pattern.container" | Safe}}</p>
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		<p>{{.locale.Tr "packages.owner.settings.cleanuprules.remove.title"}}</p>
 		<div class="field {{if .Err_RemoveDays}}error{{end}}">
 			<label>{{.locale.Tr "packages.owner.settings.cleanuprules.remove.days"}}:</label>
diff --git a/templates/package/view.tmpl b/templates/package/view.tmpl
index 755c93fde3012..1e7d13285ec33 100644
--- a/templates/package/view.tmpl
+++ b/templates/package/view.tmpl
@@ -73,7 +73,7 @@
 					{{end}}
 				</div>
 				{{if not (eq .PackageDescriptor.Package.Type "container")}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					<strong>{{.locale.Tr "packages.assets"}} ({{len .PackageDescriptor.Files}})</strong>
 					<div class="ui relaxed list">
 					{{range .PackageDescriptor.Files}}
@@ -85,7 +85,7 @@
 					</div>
 				{{end}}
 				{{if .LatestVersions}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					<strong>{{.locale.Tr "packages.versions"}} ({{.TotalVersionCount}})</strong>
 					<a class="ui right" href="{{$.PackageDescriptor.PackageWebLink}}/versions">{{.locale.Tr "packages.versions.view_all"}}</a>
 					<div class="ui relaxed list">
@@ -98,7 +98,7 @@
 					</div>
 				{{end}}
 				{{if or .CanWritePackages .HasRepositoryAccess}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					<div class="ui relaxed list">
 						{{if .HasRepositoryAccess}}
 						<div class="item">{{svg "octicon-issue-opened" 16 "gt-mr-3"}} <a href="{{.PackageDescriptor.Repository.Link}}/issues">{{.locale.Tr "repo.issues"}}</a></div>
diff --git a/templates/projects/list.tmpl b/templates/projects/list.tmpl
index f14dc9d56a15b..9725c1e63b337 100644
--- a/templates/projects/list.tmpl
+++ b/templates/projects/list.tmpl
@@ -6,7 +6,7 @@
 					<a class="ui small green button" href="{{$.Link}}/new">{{.locale.Tr "repo.projects.new"}}</a>
 				</div>
 			</div>
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 		{{end}}
 
 		{{template "base/alert" .}}
diff --git a/templates/projects/new.tmpl b/templates/projects/new.tmpl
index 6d1ae04159f9b..bc3b19e915086 100644
--- a/templates/projects/new.tmpl
+++ b/templates/projects/new.tmpl
@@ -56,7 +56,7 @@
 			</div>
 		</div>
 		<div class="ui container">
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 			<div class="ui left">
 				<a class="ui cancel button" href="{{$.CancelLink}}">
 					{{.locale.Tr "repo.milestones.cancel"}}
diff --git a/templates/projects/view.tmpl b/templates/projects/view.tmpl
index 35493775b56ef..59fa1870f884e 100644
--- a/templates/projects/view.tmpl
+++ b/templates/projects/view.tmpl
@@ -37,7 +37,7 @@
 				</div>
 			</div>
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		<div class="ui two column stackable grid">
 			<div class="column">
 				<h2 class="project-title">{{$.Project.Title}}</h2>
@@ -69,7 +69,7 @@
 				</div>
 			{{end}}
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 	</div>
 	<div class="ui container fluid padded" id="project-board">
 
@@ -175,7 +175,7 @@
 						</div>
 					{{end}}
 				</div>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<div class="ui cards board" data-url="{{$.Link}}/{{.ID}}" data-project="{{$.Project.ID}}" data-board="{{.ID}}" id="board_{{.ID}}">
 
diff --git a/templates/repo/activity.tmpl b/templates/repo/activity.tmpl
index ed29ece137811..da4eca7525ed7 100644
--- a/templates/repo/activity.tmpl
+++ b/templates/repo/activity.tmpl
@@ -23,7 +23,7 @@
 				</div>
 			</div>
 		</h2>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 
 		{{if (or (.Permission.CanRead $.UnitTypeIssues) (.Permission.CanRead $.UnitTypePullRequests))}}
 		<h4 class="ui top attached header">{{.locale.Tr "repo.activity.overview"}}</h4>
@@ -115,8 +115,8 @@
 		{{end}}
 
 		{{if gt .Activity.PublishedReleaseCount 0}}
-			<h4 class="ui horizontal divider header" id="published-releases">
-				<span class="text">{{svg "octicon-tag"}}</span>
+			<h4 class="divider divider-text gt-normal-case" id="published-releases">
+				{{svg "octicon-tag" 16 "gt-mr-3"}}
 				{{.locale.Tr "repo.activity.title.releases_published_by"
 					(.locale.TrN .Activity.PublishedReleaseCount "repo.activity.title.releases_1" "repo.activity.title.releases_n" .Activity.PublishedReleaseCount)
 					(.locale.TrN .Activity.PublishedReleaseAuthorCount "repo.activity.title.user_1" "repo.activity.title.user_n" .Activity.PublishedReleaseAuthorCount)
@@ -137,8 +137,8 @@
 		{{end}}
 
 		{{if gt .Activity.MergedPRCount 0}}
-			<h4 class="ui horizontal divider header" id="merged-pull-requests">
-				<span class="text">{{svg "octicon-git-pull-request"}}</span>
+			<h4 class="divider divider-text gt-normal-case" id="merged-pull-requests">
+				{{svg "octicon-git-pull-request" 16 "gt-mr-3"}}
 				{{.locale.Tr "repo.activity.title.prs_merged_by"
 					(.locale.TrN .Activity.MergedPRCount "repo.activity.title.prs_1" "repo.activity.title.prs_n" .Activity.MergedPRCount)
 					(.locale.TrN .Activity.MergedPRAuthorCount "repo.activity.title.user_1" "repo.activity.title.user_n" .Activity.MergedPRAuthorCount)
@@ -156,8 +156,8 @@
 		{{end}}
 
 		{{if gt .Activity.OpenedPRCount 0}}
-			<h4 class="ui horizontal divider header" id="proposed-pull-requests">
-				<span class="text">{{svg "octicon-git-branch"}}</span>
+			<h4 class="divider divider-text gt-normal-case" id="proposed-pull-requests">
+				{{svg "octicon-git-branch" 16 "gt-mr-3"}}
 				{{.locale.Tr "repo.activity.title.prs_opened_by"
 					(.locale.TrN .Activity.OpenedPRCount "repo.activity.title.prs_1" "repo.activity.title.prs_n" .Activity.OpenedPRCount)
 					(.locale.TrN .Activity.OpenedPRAuthorCount "repo.activity.title.user_1" "repo.activity.title.user_n" .Activity.OpenedPRAuthorCount)
@@ -175,8 +175,8 @@
 		{{end}}
 
 		{{if gt .Activity.ClosedIssueCount 0}}
-			<h4 class="ui horizontal divider header" id="closed-issues">
-				<span class="text">{{svg "octicon-issue-closed"}}</span>
+			<h4 class="divider divider-text gt-normal-case" id="closed-issues">
+				{{svg "octicon-issue-closed" 16 "gt-mr-3"}}
 				{{.locale.Tr "repo.activity.title.issues_closed_from"
 					(.locale.TrN .Activity.ClosedIssueCount "repo.activity.title.issues_1" "repo.activity.title.issues_n" .Activity.ClosedIssueCount)
 					(.locale.TrN .Activity.ClosedIssueAuthorCount "repo.activity.title.user_1" "repo.activity.title.user_n" .Activity.ClosedIssueAuthorCount)
@@ -194,8 +194,8 @@
 		{{end}}
 
 		{{if gt .Activity.OpenedIssueCount 0}}
-			<h4 class="ui horizontal divider header" id="new-issues">
-				<span class="text">{{svg "octicon-issue-opened"}}</span>
+			<h4 class="divider divider-text gt-normal-case" id="new-issues">
+				{{svg "octicon-issue-opened" 16 "gt-mr-3"}}
 				{{.locale.Tr "repo.activity.title.issues_created_by"
 					(.locale.TrN .Activity.OpenedIssueCount "repo.activity.title.issues_1" "repo.activity.title.issues_n" .Activity.OpenedIssueCount)
 					(.locale.TrN .Activity.OpenedIssueAuthorCount "repo.activity.title.user_1" "repo.activity.title.user_n" .Activity.OpenedIssueAuthorCount)
@@ -213,13 +213,10 @@
 		{{end}}
 
 		{{if gt .Activity.UnresolvedIssueCount 0}}
-			<h4 class="ui horizontal divider header" id="unresolved-conversations">
-				<span class="text">{{svg "octicon-comment-discussion"}}</span>
+			<h4 class="divider divider-text gt-normal-case" id="unresolved-conversations" data-tooltip-content="{{.locale.Tr "repo.activity.unresolved_conv_desc"}}">
+				{{svg "octicon-comment-discussion" 16 "gt-mr-3"}}
 				{{.locale.TrN .Activity.UnresolvedIssueCount "repo.activity.title.unresolved_conv_1" "repo.activity.title.unresolved_conv_n" .Activity.UnresolvedIssueCount}}
 			</h4>
-			<div class="text center desc">
-				{{.locale.Tr "repo.activity.unresolved_conv_desc"}}
-			</div>
 			<div class="list">
 				{{range .Activity.UnresolvedIssues}}
 					<p class="desc">
diff --git a/templates/repo/create.tmpl b/templates/repo/create.tmpl
index 05e7052ff4e5d..1ec67827e5220 100644
--- a/templates/repo/create.tmpl
+++ b/templates/repo/create.tmpl
@@ -124,7 +124,7 @@
 							</div>
 						</div>
 
-						<div class="ui divider"></div>
+						<div class="divider"></div>
 
 						<div class="inline field">
 							<label>.gitignore</label>
diff --git a/templates/repo/diff/new_review.tmpl b/templates/repo/diff/new_review.tmpl
index 128c1e550482b..013fdfe2a8df0 100644
--- a/templates/repo/diff/new_review.tmpl
+++ b/templates/repo/diff/new_review.tmpl
@@ -28,7 +28,7 @@
 						{{template "repo/upload" .}}
 					</div>
 				{{end}}
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				{{$showSelfTooltip := (and $.IsSigned ($.Issue.IsPoster $.SignedUser.ID))}}
 				{{if $showSelfTooltip}}
 					<span class="gt-dib" data-tooltip-content="{{$.locale.Tr "repo.diff.review.self_approve"}}">
diff --git a/templates/repo/empty.tmpl b/templates/repo/empty.tmpl
index 50f209b460f83..b81b312c6c5fd 100644
--- a/templates/repo/empty.tmpl
+++ b/templates/repo/empty.tmpl
@@ -44,7 +44,7 @@
 						</div>
 
 						{{if not .Repository.IsArchived}}
-							<div class="ui divider gt-my-0"></div>
+							<div class="divider gt-my-0"></div>
 
 							<div class="item">
 								<h3>{{.locale.Tr "repo.create_new_repo_command"}}</h3>
@@ -58,7 +58,7 @@ git remote add origin <span class="js-clone-url">{{$.CloneButtonOriginLink.HTTPS
 git push -u origin {{.Repository.DefaultBranch}}</code></pre>
 								</div>
 							</div>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 
 							<div class="item">
 								<h3>{{.locale.Tr "repo.push_exist_repo"}}</h3>
diff --git a/templates/repo/header.tmpl b/templates/repo/header.tmpl
index c1d4676d6800e..18ed738a204f4 100644
--- a/templates/repo/header.tmpl
+++ b/templates/repo/header.tmpl
@@ -132,7 +132,7 @@
 										{{end}}
 									</div>
 									{{if $.CanSignedUserFork}}
-									<div class="ui divider"></div>
+									<div class="divider"></div>
 									<a href="{{AppSubUrl}}/repo/fork/{{.ID}}">
 										{{$.locale.Tr "repo.fork_to_different_account"}}
 									</a>
diff --git a/templates/repo/issue/branch_selector_field.tmpl b/templates/repo/issue/branch_selector_field.tmpl
index 4669c9e8e560a..33b2af9c40ffe 100644
--- a/templates/repo/issue/branch_selector_field.tmpl
+++ b/templates/repo/issue/branch_selector_field.tmpl
@@ -50,5 +50,5 @@
 	</div>
 </div>
 
-<div class="ui divider"></div>
+<div class="divider"></div>
 {{end}}
diff --git a/templates/repo/issue/choose.tmpl b/templates/repo/issue/choose.tmpl
index ccfeb7b33126a..1bbfbbb2d1534 100644
--- a/templates/repo/issue/choose.tmpl
+++ b/templates/repo/issue/choose.tmpl
@@ -6,7 +6,7 @@
 		<div class="navbar">
 			{{template "repo/issue/navbar" .}}
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		{{range .IssueTemplates}}
 			<div class="ui attached segment">
 				<div class="ui two column grid">
diff --git a/templates/repo/issue/labels/label_list.tmpl b/templates/repo/issue/labels/label_list.tmpl
index 325efd1da6e4d..9eee95be92369 100644
--- a/templates/repo/issue/labels/label_list.tmpl
+++ b/templates/repo/issue/labels/label_list.tmpl
@@ -22,10 +22,10 @@
 <div class="ui attached segment">
 	{{if and (not $.PageIsOrgSettingsLabels) (or $.CanWriteIssues $.CanWritePulls) (eq .NumLabels 0) (not $.Repository.IsArchived)}}
 		{{template "repo/issue/labels/label_load_template" .}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 	{{else if and ($.PageIsOrgSettingsLabels) (eq .NumLabels 0)}}
 		{{template "repo/issue/labels/label_load_template" .}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 	{{end}}
 
 	<ul class="issue-label-list">
diff --git a/templates/repo/issue/labels/labels_selector_field.tmpl b/templates/repo/issue/labels/labels_selector_field.tmpl
index 05580ea41eab4..6e9f843d430a7 100644
--- a/templates/repo/issue/labels/labels_selector_field.tmpl
+++ b/templates/repo/issue/labels/labels_selector_field.tmpl
@@ -18,18 +18,18 @@
 			{{range .Labels}}
 				{{$exclusiveScope := .ExclusiveScope}}
 				{{if and (ne $previousExclusiveScope "_no_scope") (ne $previousExclusiveScope $exclusiveScope)}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 				{{end}}
 				{{$previousExclusiveScope = $exclusiveScope}}
 				<a class="{{if .IsChecked}}checked{{end}} item" href="#" data-id="{{.ID}}" data-id-selector="#label_{{.ID}}" data-scope="{{$exclusiveScope}}"><span class="octicon-check {{if not .IsChecked}}invisible{{end}}">{{if $exclusiveScope}}{{svg "octicon-dot-fill"}}{{else}}{{svg "octicon-check"}}{{end}}</span>&nbsp;&nbsp;{{RenderLabel $.Context .}}
 				{{if .Description}}<br><small class="desc">{{.Description | RenderEmoji $.Context}}</small>{{end}}</a>
 			{{end}}
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 			{{$previousExclusiveScope := "_no_scope"}}
 			{{range .OrgLabels}}
 				{{$exclusiveScope := .ExclusiveScope}}
 				{{if and (ne $previousExclusiveScope "_no_scope") (ne $previousExclusiveScope $exclusiveScope)}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 				{{end}}
 				{{$previousExclusiveScope = $exclusiveScope}}
 				<a class="{{if .IsChecked}}checked{{end}} item" href="#" data-id="{{.ID}}" data-id-selector="#label_{{.ID}}" data-scope="{{$exclusiveScope}}"><span class="octicon-check {{if not .IsChecked}}invisible{{end}}">{{if $exclusiveScope}}{{svg "octicon-dot-fill"}}{{else}}{{svg "octicon-check"}}{{end}}</span>&nbsp;&nbsp;{{RenderLabel $.Context .}}
diff --git a/templates/repo/issue/list.tmpl b/templates/repo/issue/list.tmpl
index 3574719eae97d..c7d73c6667405 100644
--- a/templates/repo/issue/list.tmpl
+++ b/templates/repo/issue/list.tmpl
@@ -102,14 +102,14 @@
 								<input type="text" placeholder="{{.locale.Tr "repo.issues.filter_label"}}">
 							</div>
 							<span class="info">{{.locale.Tr "repo.issues.filter_label_exclude" | Safe}}</span>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 							<a class="item" href="{{$.Link}}?q={{$.Keyword}}&type={{$.ViewType}}&sort={{$.SortType}}&state={{$.State}}&labels=0&milestone={{$.MilestoneID}}&project={{$.ProjectID}}&assignee={{$.AssigneeID}}&poster={{$.PosterID}}">{{.locale.Tr "repo.issues.filter_label_select_no_label"}}</a>
 							<a class="item" href="{{$.Link}}?q={{$.Keyword}}&type={{$.ViewType}}&sort={{$.SortType}}&state={{$.State}}&milestone={{$.MilestoneID}}&project={{$.ProjectID}}&assignee={{$.AssigneeID}}&poster={{$.PosterID}}">{{.locale.Tr "repo.issues.filter_label_no_select"}}</a>
 							{{$previousExclusiveScope := "_no_scope"}}
 							{{range .Labels}}
 								{{$exclusiveScope := .ExclusiveScope}}
 								{{if and (ne $previousExclusiveScope $exclusiveScope)}}
-									<div class="ui divider"></div>
+									<div class="divider"></div>
 								{{end}}
 								{{$previousExclusiveScope = $exclusiveScope}}
 								<a class="item label-filter-item" href="{{$.Link}}?q={{$.Keyword}}&type={{$.ViewType}}&sort={{$.SortType}}&state={{$.State}}&labels={{.QueryString}}&milestone={{$.MilestoneID}}&project={{$.ProjectID}}&assignee={{$.AssigneeID}}&poster={{$.PosterID}}" data-label-id="{{.ID}}">{{if .IsExcluded}}{{svg "octicon-circle-slash"}}{{else if .IsSelected}}{{if $exclusiveScope}}{{svg "octicon-dot-fill"}}{{else}}{{svg "octicon-check"}}{{end}}{{end}} {{RenderLabel $.Context .}}</a>
@@ -306,7 +306,7 @@
 							{{range .Labels}}
 								{{$exclusiveScope := .ExclusiveScope}}
 								{{if and (ne $previousExclusiveScope "_no_scope") (ne $previousExclusiveScope $exclusiveScope)}}
-									<div class="ui divider"></div>
+									<div class="divider"></div>
 								{{end}}
 								{{$previousExclusiveScope = $exclusiveScope}}
 								<div class="item issue-action" data-action="toggle" data-element-id="{{.ID}}" data-url="{{$.RepoLink}}/issues/labels">
diff --git a/templates/repo/issue/milestone_issues.tmpl b/templates/repo/issue/milestone_issues.tmpl
index 3cd84d5456f2c..5913f59fe82e2 100644
--- a/templates/repo/issue/milestone_issues.tmpl
+++ b/templates/repo/issue/milestone_issues.tmpl
@@ -48,7 +48,7 @@
 				<div class="gt-mr-3">{{.locale.Tr "repo.milestones.completeness" .Milestone.Completeness | Safe}}</div>
 			</div>
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 
 		<div id="issue-filters" class="issue-list-toolbar">
 			<div class="issue-list-toolbar-left">
diff --git a/templates/repo/issue/milestone_new.tmpl b/templates/repo/issue/milestone_new.tmpl
index ac34fb0f0d189..1979eb07a5a1f 100644
--- a/templates/repo/issue/milestone_new.tmpl
+++ b/templates/repo/issue/milestone_new.tmpl
@@ -10,7 +10,7 @@
 				</div>
 			{{end}}
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		<h2 class="ui dividing header">
 			{{if .PageIsEditMilestone}}
 				{{.locale.Tr "repo.milestones.edit"}}
@@ -41,7 +41,7 @@
 				</div>
 			</div>
 			<div class="ui container">
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<div class="ui right">
 					{{if .PageIsEditMilestone}}
 						<a class="ui primary basic button" href="{{.RepoLink}}/milestones">
diff --git a/templates/repo/issue/new_form.tmpl b/templates/repo/issue/new_form.tmpl
index 70c45b37c87a3..c565be336f6bc 100644
--- a/templates/repo/issue/new_form.tmpl
+++ b/templates/repo/issue/new_form.tmpl
@@ -55,7 +55,7 @@
 		{{template "repo/issue/labels/labels_selector_field" .}}
 		{{template "repo/issue/labels/labels_sidebar" dict "root" $}}
 
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 
 		<input id="milestone_id" name="milestone_id" type="hidden" value="{{.milestone_id}}">
 		<div class="ui {{if not .HasIssuesOrPullsWritePermission}}disabled{{end}} floating jump select-milestone dropdown">
@@ -82,7 +82,7 @@
 		</div>
 
 		{{if .IsProjectsEnabled}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 
 		<input id="project_id" name="project_id" type="hidden" value="{{.project_id}}">
 		<div class="ui {{if not .HasIssuesOrPullsWritePermission}}disabled{{end}} floating jump select-project dropdown">
@@ -141,7 +141,7 @@
 			</div>
 		</div>
 		{{end}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 			<input id="assignee_ids" name="assignee_ids" type="hidden" value="{{.assignee_ids}}">
 			<div class="ui {{if not .HasIssuesOrPullsWritePermission}}disabled{{end}} floating jump select-assignees dropdown">
 				<span class="text">
@@ -177,7 +177,7 @@
 				{{end}}
 			</div>
 		{{if and .PageIsComparePull (not (eq .HeadRepo.FullName .BaseCompareRepo.FullName)) .CanWriteToHeadRepo}}
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 			<div class="inline field">
 				<div class="ui checkbox">
 					<label data-tooltip-content="{{.locale.Tr "repo.pulls.allow_edits_from_maintainers_desc"}}"><strong>{{.locale.Tr "repo.pulls.allow_edits_from_maintainers"}}</strong></label>
diff --git a/templates/repo/issue/view_content/attachments.tmpl b/templates/repo/issue/view_content/attachments.tmpl
index f342340fe474d..981360ebe0dde 100644
--- a/templates/repo/issue/view_content/attachments.tmpl
+++ b/templates/repo/issue/view_content/attachments.tmpl
@@ -1,6 +1,6 @@
 <div class="dropzone-attachments">
 	{{if .Attachments}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 	{{end}}
 	{{$hasThumbnails := false}}
 	{{- range .Attachments -}}
@@ -25,7 +25,7 @@
 	{{end -}}
 
 	{{if $hasThumbnails}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		<div class="ui small thumbnails">
 			{{- range .Attachments -}}
 				{{if FilenameIsImage .Name}}
diff --git a/templates/repo/issue/view_content/pull.tmpl b/templates/repo/issue/view_content/pull.tmpl
index fd395c0eb6255..3666154b202d9 100644
--- a/templates/repo/issue/view_content/pull.tmpl
+++ b/templates/repo/issue/view_content/pull.tmpl
@@ -179,7 +179,7 @@
 				{{end}}
 				{{template "repo/issue/view_content/update_branch_by_merge" $}}
 				{{if .Issue.PullRequest.IsEmpty}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<div class="item">
 						{{svg "octicon-alert"}}
@@ -196,7 +196,7 @@
 							{{$createdPRMergeStr := TimeSinceUnix .PendingPullRequestMerge.CreatedUnix $.locale}}
 							{{$hasPendingPullRequestMergeTip = $.locale.Tr "repo.pulls.auto_merge_has_pending_schedule" .PendingPullRequestMerge.Doer.Name $createdPRMergeStr}}
 						{{end}}
-						<div class="ui divider"></div>
+						<div class="divider"></div>
 						<script type="module">
 							const issueUrl = window.location.origin + {{$.Issue.Link}};
 							const defaultMergeTitle = {{.DefaultMergeMessage}};
@@ -276,7 +276,7 @@
 						<div id="pull-request-merge-form"></div>
 					{{else}}
 						{{/* no merge style was set in repo setting: not or ($prUnit.PullRequestsConfig.AllowMerge ...) */}}
-						<div class="ui divider"></div>
+						<div class="divider"></div>
 						<div class="item text red">
 							{{svg "octicon-x"}}
 							{{$.locale.Tr "repo.pulls.no_merge_desc"}}
@@ -288,7 +288,7 @@
 					{{end}} {{/* end if the repo was set to use any merge style */}}
 				{{else}}
 					{{/* user is not allowed to merge */}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					<div class="item">
 						{{svg "octicon-info"}}
 						{{$.locale.Tr "repo.pulls.no_merge_access"}}
@@ -358,7 +358,7 @@
 			* Then the Manually Merged form will be shown to repo admin users
 			*/}}
 			{{if and $.StillCanManualMerge (not $showGeneralMergeForm)}}
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<div class="ui form">
 					<form action="{{.Link}}/merge" method="post">
 						{{.CsrfTokenHtml}}
diff --git a/templates/repo/issue/view_content/pull_merge_instruction.tmpl b/templates/repo/issue/view_content/pull_merge_instruction.tmpl
index 78deed9567c23..d2b39132749a8 100644
--- a/templates/repo/issue/view_content/pull_merge_instruction.tmpl
+++ b/templates/repo/issue/view_content/pull_merge_instruction.tmpl
@@ -1,4 +1,4 @@
-<div class="ui divider"></div>
+<div class="divider"></div>
 <div class="instruct-toggle"> {{$.locale.Tr "repo.pulls.merge_instruction_hint" | Safe}} </div>
 <div class="instruct-content gt-mt-3 gt-hidden">
 	<div><h3 class="gt-di">{{$.locale.Tr "step1"}} </h3>{{$.locale.Tr "repo.pulls.merge_instruction_step1_desc"}}</div>
diff --git a/templates/repo/issue/view_content/sidebar.tmpl b/templates/repo/issue/view_content/sidebar.tmpl
index 0e36e15e5cdfa..c4cfa4731ed8f 100644
--- a/templates/repo/issue/view_content/sidebar.tmpl
+++ b/templates/repo/issue/view_content/sidebar.tmpl
@@ -29,7 +29,7 @@
 					{{end}}
 				{{end}}
 				{{if .TeamReviewers}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					{{range .TeamReviewers}}
 						{{if .Team}}
 							<a class="{{if not .CanChange}}ui{{end}} item {{if .Checked}}checked{{end}} {{if not .CanChange}}ban-change{{end}}" href="#" data-id="{{.ItemID}}" data-id-selector="#review_request_team_{{.Team.ID}}" {{if not .CanChange}} data-tooltip-content="{{$.locale.Tr "repo.issues.remove_request_review_block"}}"{{end}}>
@@ -118,13 +118,13 @@
 				</a>
 			</div>
 		{{end}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 	{{end}}
 
 	{{template "repo/issue/labels/labels_selector_field" .}}
 	{{template "repo/issue/labels/labels_sidebar" dict "root" $}}
 
-	<div class="ui divider"></div>
+	<div class="divider"></div>
 
 	<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-milestone dropdown">
 		<a class="text gt-df gt-ac muted">
@@ -150,7 +150,7 @@
 	</div>
 
 	{{if .IsProjectsEnabled}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 
 		<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-project dropdown">
 			<a class="text gt-df gt-ac muted">
@@ -203,7 +203,7 @@
 		</div>
 	{{end}}
 
-	<div class="ui divider"></div>
+	<div class="divider"></div>
 
 	<input id="assignee_id" name="assignee_id" type="hidden" value="{{.assignee_id}}">
 	<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-assignees-modify dropdown">
@@ -251,7 +251,7 @@
 		</div>
 	</div>
 
-	<div class="ui divider"></div>
+	<div class="divider"></div>
 
 	{{if .Participants}}
 		<span class="text"><strong>{{.locale.Tr "repo.issues.num_participants" .NumParticipants}}</strong></span>
@@ -265,7 +265,7 @@
 	{{end}}
 
 	{{if and $.IssueWatch (not .Repository.IsArchived)}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 
 		<div class="ui watching">
 			<span class="text"><strong>{{.locale.Tr "notification.notifications"}}</strong></span>
@@ -288,7 +288,7 @@
 	{{end}}
 	{{if .Repository.IsTimetrackerEnabled $.Context}}
 		{{if and .CanUseTimetracker (not .Repository.IsArchived)}}
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 			<div class="ui timetrack">
 				<span class="text"><strong>{{.locale.Tr "repo.issues.tracker"}}</strong></span>
 				<div class="gt-mt-3">
@@ -328,7 +328,7 @@
 			</div>
 		{{end}}
 		{{if gt (len .WorkingUsers) 0}}
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 			<div class="ui comments">
 				<span class="text"><strong>{{.locale.Tr "repo.issues.time_spent_from_all_authors" ($.Issue.TotalTrackedTime | Sec2Time) | Safe}}</strong></span>
 				<div>
@@ -350,7 +350,7 @@
 		{{end}}
 	{{end}}
 
-	<div class="ui divider"></div>
+	<div class="divider"></div>
 	<span class="text"><strong>{{.locale.Tr "repo.issues.due_date"}}</strong></span>
 	<div class="ui form" id="deadline-loader">
 		<div class="ui negative message gt-hidden" id="deadline-err-invalid-date">
@@ -394,7 +394,7 @@
 	</div>
 
 	{{if .Repository.IsDependenciesEnabled $.Context}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 
 		<div class="ui depending">
 			{{if (and (not .BlockedByDependencies) (not .BlockedByDependenciesNotPermitted) (not .BlockingDependencies) (not .BlockingDependenciesNotPermitted))}}
@@ -543,7 +543,7 @@
 		{{end}}
 	{{end}}
 
-	<div class="ui divider"></div>
+	<div class="divider"></div>
 	<div class="ui equal width compact grid">
 		{{$issueReferenceLink := printf "%s#%d" .Issue.Repo.FullName .Issue.Index}}
 		<div class="row gt-ac" data-tooltip-content="{{$issueReferenceLink}}">
@@ -553,7 +553,7 @@
 	</div>
 
 	{{if and .IsRepoAdmin (not .Repository.IsArchived)}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 
 		{{if or .PinEnabled .Issue.IsPinned}}
 			<form class="gt-mt-2 form-fetch-action single-button-form" method="post" {{if $.NewPinAllowed}}action="{{.Issue.Link}}/pin"{{else}}data-tooltip-content="{{.locale.Tr "repo.issues.max_pinned"}}"{{end}}>
@@ -673,7 +673,7 @@
 
 	{{if and .Issue.IsPull .IsIssuePoster (not .Issue.IsClosed) .Issue.PullRequest.HeadRepo}}
 		{{if and (not (eq .Issue.PullRequest.HeadRepo.FullName .Issue.PullRequest.BaseRepo.FullName)) .CanWriteToHeadRepo}}
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 			<div class="inline field">
 				<div class="ui checkbox" id="allow-edits-from-maintainers"
 						data-url="{{.Issue.Link}}"
diff --git a/templates/repo/issue/view_content/update_branch_by_merge.tmpl b/templates/repo/issue/view_content/update_branch_by_merge.tmpl
index d539ece888fef..7e4a0f18e2a73 100644
--- a/templates/repo/issue/view_content/update_branch_by_merge.tmpl
+++ b/templates/repo/issue/view_content/update_branch_by_merge.tmpl
@@ -1,5 +1,5 @@
 {{if and (gt $.Issue.PullRequest.CommitsBehind 0) (not $.Issue.IsClosed) (not $.Issue.PullRequest.IsChecking) (not $.IsPullFilesConflicted) (not $.IsPullRequestBroken)}}
-	<div class="ui divider"></div>
+	<div class="divider"></div>
 	<div class="item item-section">
 		<div class="item-section-left flex-text-inline">
 			{{svg "octicon-alert"}}
diff --git a/templates/repo/migrate/codebase.tmpl b/templates/repo/migrate/codebase.tmpl
index 41e9c273bca07..3d46b14cccaee 100644
--- a/templates/repo/migrate/codebase.tmpl
+++ b/templates/repo/migrate/codebase.tmpl
@@ -55,7 +55,7 @@
 						</div>
 					</div>
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<div class="inline required field {{if .Err_Owner}}error{{end}}">
 						<label>{{.locale.Tr "repo.owner"}}</label>
diff --git a/templates/repo/migrate/git.tmpl b/templates/repo/migrate/git.tmpl
index ba092a32a04e0..df2f10e487447 100644
--- a/templates/repo/migrate/git.tmpl
+++ b/templates/repo/migrate/git.tmpl
@@ -29,7 +29,7 @@
 
 					{{template "repo/migrate/options" .}}
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<div class="inline required field {{if .Err_Owner}}error{{end}}">
 						<label>{{.locale.Tr "repo.owner"}}</label>
diff --git a/templates/repo/migrate/gitbucket.tmpl b/templates/repo/migrate/gitbucket.tmpl
index da14d569a8f23..2ac9159d2e653 100644
--- a/templates/repo/migrate/gitbucket.tmpl
+++ b/templates/repo/migrate/gitbucket.tmpl
@@ -71,7 +71,7 @@
 						</div>
 					</div>
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<div class="inline required field {{if .Err_Owner}}error{{end}}">
 						<label>{{.locale.Tr "repo.owner"}}</label>
diff --git a/templates/repo/migrate/gitea.tmpl b/templates/repo/migrate/gitea.tmpl
index daa1205557e37..49015e69ebae6 100644
--- a/templates/repo/migrate/gitea.tmpl
+++ b/templates/repo/migrate/gitea.tmpl
@@ -67,7 +67,7 @@
 						</div>
 					</div>
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<div class="inline required field {{if .Err_Owner}}error{{end}}">
 						<label>{{.locale.Tr "repo.owner"}}</label>
diff --git a/templates/repo/migrate/github.tmpl b/templates/repo/migrate/github.tmpl
index e9f2b11e75f75..164e62d2998ef 100644
--- a/templates/repo/migrate/github.tmpl
+++ b/templates/repo/migrate/github.tmpl
@@ -69,7 +69,7 @@
 						</div>
 					</div>
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<div class="inline required field {{if .Err_Owner}}error{{end}}">
 						<label>{{.locale.Tr "repo.owner"}}</label>
diff --git a/templates/repo/migrate/gitlab.tmpl b/templates/repo/migrate/gitlab.tmpl
index 656b5c50ee8a6..7c226f8097539 100644
--- a/templates/repo/migrate/gitlab.tmpl
+++ b/templates/repo/migrate/gitlab.tmpl
@@ -66,7 +66,7 @@
 						</div>
 					</div>
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<div class="inline required field {{if .Err_Owner}}error{{end}}">
 						<label>{{.locale.Tr "repo.owner"}}</label>
diff --git a/templates/repo/migrate/gogs.tmpl b/templates/repo/migrate/gogs.tmpl
index 78700a7910499..6390d8917e9b5 100644
--- a/templates/repo/migrate/gogs.tmpl
+++ b/templates/repo/migrate/gogs.tmpl
@@ -69,7 +69,7 @@
 						-->
 					</div>
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<div class="inline required field {{if .Err_Owner}}error{{end}}">
 						<label>{{.locale.Tr "repo.owner"}}</label>
diff --git a/templates/repo/migrate/migrating.tmpl b/templates/repo/migrate/migrating.tmpl
index 58c453fe548f8..50bff0a937be4 100644
--- a/templates/repo/migrate/migrating.tmpl
+++ b/templates/repo/migrate/migrating.tmpl
@@ -33,7 +33,7 @@
 								<p id="repo_migrating_failed_error"></p>
 							</div>
 							{{if .Permission.IsAdmin}}
-								<div class="ui divider"></div>
+								<div class="divider"></div>
 								<div class="item">
 									{{if .Failed}}
 									<button class="ui basic red show-modal button" data-modal="#delete-repo-modal">{{.locale.Tr "repo.settings.delete"}}</button>
diff --git a/templates/repo/migrate/onedev.tmpl b/templates/repo/migrate/onedev.tmpl
index 50858edd60018..2a1ae110d683e 100644
--- a/templates/repo/migrate/onedev.tmpl
+++ b/templates/repo/migrate/onedev.tmpl
@@ -55,7 +55,7 @@
 						</div>
 					</div>
 
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 
 					<div class="inline required field {{if .Err_Owner}}error{{end}}">
 						<label>{{.locale.Tr "repo.owner"}}</label>
diff --git a/templates/repo/projects/view.tmpl b/templates/repo/projects/view.tmpl
index 40bbdef855083..9df55ff317bcc 100644
--- a/templates/repo/projects/view.tmpl
+++ b/templates/repo/projects/view.tmpl
@@ -41,7 +41,7 @@
 				</div>
 			</div>
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		<div class="ui two column stackable grid">
 			<div class="column">
 				<h2 class="project-title">{{$.Project.Title}}</h2>
@@ -73,7 +73,7 @@
 				</div>
 			{{end}}
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 	</div>
 	<div class="ui container fluid padded" id="project-board">
 
@@ -181,7 +181,7 @@
 						</div>
 					{{end}}
 				</div>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<div class="ui cards board" data-url="{{$.RepoLink}}/projects/{{$.Project.ID}}/{{.ID}}" data-project="{{$.Project.ID}}" data-board="{{.ID}}" id="board_{{.ID}}">
 
diff --git a/templates/repo/release/new.tmpl b/templates/repo/release/new.tmpl
index c7de00422d20a..6f7dc09a66c28 100644
--- a/templates/repo/release/new.tmpl
+++ b/templates/repo/release/new.tmpl
@@ -84,7 +84,7 @@
 				{{end}}
 			</div>
 			<div class="ui container">
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<div class="ui text right">
 					{{if not .PageIsEditRelease}}
 						<div class="tag-message field">
diff --git a/templates/repo/release_tag_header.tmpl b/templates/repo/release_tag_header.tmpl
index 0af9ba86356a1..fc1fafdefa5f8 100644
--- a/templates/repo/release_tag_header.tmpl
+++ b/templates/repo/release_tag_header.tmpl
@@ -20,7 +20,7 @@
 			</a>
 		{{end}}
 	</div>
-	<div class="ui divider"></div>
+	<div class="divider"></div>
 {{else if $canReadCode}}
 	{{/* if the "repo.releases" unit is disabled, only show the "commits / branches / tags" sub menu */}}
 	{{template "repo/sub_menu" .}}
diff --git a/templates/repo/settings/options.tmpl b/templates/repo/settings/options.tmpl
index 8c394d5bf5908..4aff754e2ccd6 100644
--- a/templates/repo/settings/options.tmpl
+++ b/templates/repo/settings/options.tmpl
@@ -50,7 +50,7 @@
 				</div>
 			</form>
 
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 
 			<form class="ui form" action="{{.Link}}/avatar" method="post" enctype="multipart/form-data">
 				{{.CsrfTokenHtml}}
@@ -325,7 +325,7 @@
 					</div>
 				</div>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				{{$isIssuesEnabled := or (.Repository.UnitEnabled $.Context $.UnitTypeIssues) (.Repository.UnitEnabled $.Context $.UnitTypeExternalTracker)}}
 				{{$isIssuesGlobalDisabled := .UnitTypeIssues.UnitGlobalDisabled}}
@@ -419,7 +419,7 @@
 					</div>
 				</div>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				{{$isProjectsEnabled := .Repository.UnitEnabled $.Context $.UnitTypeProjects}}
 				{{$isProjectsGlobalDisabled := .UnitTypeProjects.UnitGlobalDisabled}}
@@ -464,7 +464,7 @@
 				{{end}}
 
 				{{if not .IsMirror}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					{{$pullRequestEnabled := .Repository.UnitEnabled $.Context $.UnitTypePullRequests}}
 					{{$pullRequestGlobalDisabled := .UnitTypePullRequests.UnitGlobalDisabled}}
 					{{$prUnit := .Repository.MustGetUnit $.Context $.UnitTypePullRequests}}
@@ -578,7 +578,7 @@
 					</div>
 				{{end}}
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<div class="field">
 					<button class="ui green button">{{$.locale.Tr "repo.settings.update_settings"}}</button>
 				</div>
@@ -624,7 +624,7 @@
 					</div>
 				</div>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<div class="field">
 					<button class="ui green button">{{$.locale.Tr "repo.settings.update_settings"}}</button>
 				</div>
@@ -651,7 +651,7 @@
 				</div>
 			</form>
 
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 			<form class="ui form" method="post">
 				{{.CsrfTokenHtml}}
 				<input type="hidden" name="action" value="admin_index">
@@ -708,7 +708,7 @@
 						<p>{{.locale.Tr "repo.settings.convert_desc"}}</p>
 					</div>
 				</div>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 			{{end}}
 			{{if and .Repository.IsFork .Repository.Owner.CanCreateRepo}}
 				<div class="item">
@@ -720,7 +720,7 @@
 						<p>{{.locale.Tr "repo.settings.convert_fork_desc"}}</p>
 					</div>
 				</div>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 			{{end}}
 			<div class="item">
 				<div class="ui right">
@@ -745,7 +745,7 @@
 			</div>
 
 			{{if .Permission.CanRead $.UnitTypeWiki}}
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<div class="item">
 					<div class="ui right">
@@ -758,7 +758,7 @@
 				</div>
 			{{end}}
 
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 
 			<div class="item">
 				<div class="ui right">
@@ -771,7 +771,7 @@
 			</div>
 
 			{{if not .Repository.IsMirror}}
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<div class="item">
 					<div class="ui right">
diff --git a/templates/repo/settings/protected_branch.tmpl b/templates/repo/settings/protected_branch.tmpl
index 42c7819977b0c..e76d3c76e2c09 100644
--- a/templates/repo/settings/protected_branch.tmpl
+++ b/templates/repo/settings/protected_branch.tmpl
@@ -252,7 +252,7 @@
 						<p class="help">{{.locale.Tr "repo.settings.block_outdated_branch_desc"}}</p>
 					</div>
 				</div>
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<div class="field">
 					<button class="ui green button">{{$.locale.Tr "repo.settings.protected_branch.save_rule"}}</button>
diff --git a/templates/repo/settings/webhook/settings.tmpl b/templates/repo/settings/webhook/settings.tmpl
index 8b03a3c959792..e22b3da7ab637 100644
--- a/templates/repo/settings/webhook/settings.tmpl
+++ b/templates/repo/settings/webhook/settings.tmpl
@@ -267,7 +267,7 @@
 	{{end}}
 </div>
 
-<div class="ui divider"></div>
+<div class="divider"></div>
 
 <div class="inline field">
 	<div class="ui checkbox">
diff --git a/templates/repo/wiki/view.tmpl b/templates/repo/wiki/view.tmpl
index c294af3160232..a1b22d52c0274 100644
--- a/templates/repo/wiki/view.tmpl
+++ b/templates/repo/wiki/view.tmpl
@@ -20,7 +20,7 @@
 						</div>
 						<div class="scrolling menu">
 							<a class="item muted" href="{{.RepoLink}}/wiki/?action=_pages">{{.locale.Tr "repo.wiki.pages"}}</a>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 							{{range .Pages}}
 								<a class="item {{if eq $.Title .Name}}selected{{end}}" href="{{$.RepoLink}}/wiki/{{.SubURL}}">{{.Name}}</a>
 							{{end}}
diff --git a/templates/shared/actions/runner_edit.tmpl b/templates/shared/actions/runner_edit.tmpl
index 0319931bc9edc..39ddc7c77182c 100644
--- a/templates/shared/actions/runner_edit.tmpl
+++ b/templates/shared/actions/runner_edit.tmpl
@@ -29,14 +29,14 @@
 				</div>
 			</div>
 
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 
 			<div class="field">
 				<label for="description">{{.locale.Tr "actions.runners.description"}}</label>
 				<input id="description" name="description" value="{{.Runner.Description}}">
 			</div>
 
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 
 			<div class="field">
 				<button class="ui green button" data-url="{{.Link}}">{{.locale.Tr "actions.runners.update_runner"}}</button>
diff --git a/templates/status/404.tmpl b/templates/status/404.tmpl
index 5d0ea4df28ba6..382f22520b088 100644
--- a/templates/status/404.tmpl
+++ b/templates/status/404.tmpl
@@ -3,7 +3,7 @@
 	{{if .IsRepo}}{{template "repo/header" .}}{{end}}
 	<div class="ui container center">
 		<p style="margin-top: 100px"><img src="{{AssetUrlPrefix}}/img/404.png" alt="404"></p>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		<br>
 		<p>{{.locale.Tr "error404" | Safe}}</p>
 		{{if .ShowFooterVersion}}<p>{{.locale.Tr "admin.config.app_ver"}}: {{AppVer}}</p>{{end}}
diff --git a/templates/status/500.tmpl b/templates/status/500.tmpl
index d15d8badeea4a..5488976da2884 100644
--- a/templates/status/500.tmpl
+++ b/templates/status/500.tmpl
@@ -34,7 +34,7 @@
 				{{template "base/alert" .}}
 			</div>
 			<p class="gt-mt-5 center"><img src="{{AssetUrlPrefix}}/img/500.png" alt="Internal Server Error"></p>
-			<div class="ui divider"></div>
+			<div class="divider"></div>
 			<div class="ui container gt-my-5">
 				{{if .ErrorMsg}}
 					<p>{{.locale.Tr "error.occurred"}}:</p>
diff --git a/templates/user/auth/activate.tmpl b/templates/user/auth/activate.tmpl
index 5a44529d18d64..9a2abd3cdfee6 100644
--- a/templates/user/auth/activate.tmpl
+++ b/templates/user/auth/activate.tmpl
@@ -38,7 +38,7 @@
 							<p class="center">{{.locale.Tr "auth.manual_activation_only"}}</p>
 						{{else}}
 							<p>{{.locale.Tr "auth.has_unconfirmed_mail" (.SignedUser.Name|Escape) (.SignedUser.Email|Escape) | Str2html}}</p>
-							<div class="ui divider"></div>
+							<div class="divider"></div>
 							<div class="text right">
 								<button class="ui primary button">{{.locale.Tr "auth.resend_mail"}}</button>
 							</div>
diff --git a/templates/user/auth/forgot_passwd.tmpl b/templates/user/auth/forgot_passwd.tmpl
index f80e28937e13a..38d15c20d3d01 100644
--- a/templates/user/auth/forgot_passwd.tmpl
+++ b/templates/user/auth/forgot_passwd.tmpl
@@ -16,7 +16,7 @@
 							<label for="email">{{.locale.Tr "email"}}</label>
 							<input id="email" name="email" type="email"  value="{{.Email}}" autofocus required>
 						</div>
-						<div class="ui divider"></div>
+						<div class="divider"></div>
 						<div class="inline field">
 							<label></label>
 							<button class="ui primary button">{{.locale.Tr "auth.send_reset_mail"}}</button>
diff --git a/templates/user/auth/reset_passwd.tmpl b/templates/user/auth/reset_passwd.tmpl
index 4493778698949..ac6eb35f1d033 100644
--- a/templates/user/auth/reset_passwd.tmpl
+++ b/templates/user/auth/reset_passwd.tmpl
@@ -48,7 +48,7 @@
 						</div>
 						{{end}}
 						{{end}}
-						<div class="ui divider"></div>
+						<div class="divider"></div>
 						<div class="inline field">
 							<label></label>
 							<button class="ui primary button">{{.locale.Tr "auth.reset_password_helper"}}</button>
diff --git a/templates/user/auth/signin_inner.tmpl b/templates/user/auth/signin_inner.tmpl
index 504457f394f80..6b118b7a261f2 100644
--- a/templates/user/auth/signin_inner.tmpl
+++ b/templates/user/auth/signin_inner.tmpl
@@ -53,7 +53,7 @@
 	{{end}}
 
 	{{if and .OrderedOAuth2Names .OAuth2Providers}}
-	<div class="ui horizontal divider">
+	<div class="divider divider-text">
 		{{.locale.Tr "sign_in_or"}}
 	</div>
 	<div id="oauth2-login-navigator" class="gt-py-2">
diff --git a/templates/user/code.tmpl b/templates/user/code.tmpl
index 338aae2be169f..cc02ef8314d3b 100644
--- a/templates/user/code.tmpl
+++ b/templates/user/code.tmpl
@@ -3,7 +3,7 @@
 	{{template "user/overview/header" .}}
 	<div class="ui container">
 		{{template "code/searchform" .}}
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 		<div class="ui user list">
 			{{if .CodeIndexerUnavailable}}
 				<div class="ui error message">
diff --git a/templates/user/dashboard/feeds.tmpl b/templates/user/dashboard/feeds.tmpl
index 64daf4b2e7c45..c138b02d5e8e2 100644
--- a/templates/user/dashboard/feeds.tmpl
+++ b/templates/user/dashboard/feeds.tmpl
@@ -121,7 +121,7 @@
 				<span class="text grey">{{svg (printf "octicon-%s" (ActionIcon .GetOpType)) 32}}</span>
 			</div>
 		</div>
-		<div class="ui divider"></div>
+		<div class="divider"></div>
 	</div>
 {{end}}
 
diff --git a/templates/user/dashboard/issues.tmpl b/templates/user/dashboard/issues.tmpl
index 528c9f4f9c55a..b8ae9ccaa4a31 100644
--- a/templates/user/dashboard/issues.tmpl
+++ b/templates/user/dashboard/issues.tmpl
@@ -31,7 +31,7 @@
 						{{.locale.Tr "repo.issues.filter_type.mentioning_you"}}
 						<strong class="ui right">{{CountFmt .IssueStats.MentionCount}}</strong>
 					</a>
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					<a class="{{if not $.RepoIDs}}active{{end}} repo name item" href="{{$.Link}}?type={{$.ViewType}}&sort={{$.SortType}}&state={{$.State}}&q={{$.Keyword}}">
 						<span class="text truncate">All</span>
 						<span>{{CountFmt .TotalIssueCount}}</span>
diff --git a/templates/user/dashboard/milestones.tmpl b/templates/user/dashboard/milestones.tmpl
index 5e459c045b6bd..b21ca9b5b2a90 100644
--- a/templates/user/dashboard/milestones.tmpl
+++ b/templates/user/dashboard/milestones.tmpl
@@ -9,7 +9,7 @@
 						{{.locale.Tr "home.issues.in_your_repos"}}
 						<strong class="ui right">{{.Total}}</strong>
 					</div>
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					{{range .Repos}}
 						{{with $Repo := .}}
 							<a class="{{range $.RepoIDs}}{{if eq . $Repo.ID}}active{{end}}{{end}} repo name item" href="{{$.Link}}?repos=[
diff --git a/templates/user/dashboard/navbar.tmpl b/templates/user/dashboard/navbar.tmpl
index 79212d82a5e98..929e85a01656d 100644
--- a/templates/user/dashboard/navbar.tmpl
+++ b/templates/user/dashboard/navbar.tmpl
@@ -105,4 +105,4 @@
 	{{end}}
 	</div>
 </div>
-<div class="ui divider"></div>
+<div class="divider"></div>
diff --git a/templates/user/heatmap.tmpl b/templates/user/heatmap.tmpl
index b0ee0eeaac268..d912eb2a822e1 100644
--- a/templates/user/heatmap.tmpl
+++ b/templates/user/heatmap.tmpl
@@ -10,5 +10,5 @@
 			<div class="ui active centered inline indeterminate text loader" id="loading-heatmap">{{.locale.Tr "user.heatmap.loading"}}</div>
 		</div>
 	</div>
-	<div class="ui divider"></div>
+	<div class="divider"></div>
 {{end}}
diff --git a/templates/user/notification/notification_subscriptions.tmpl b/templates/user/notification/notification_subscriptions.tmpl
index df69a4dad1af3..40586595bb446 100644
--- a/templates/user/notification/notification_subscriptions.tmpl
+++ b/templates/user/notification/notification_subscriptions.tmpl
@@ -63,7 +63,7 @@
 					</div>
 				</div>
 				{{if eq (len .Issues) 0}}
-					<div class="ui divider"></div>
+					<div class="divider"></div>
 					{{.locale.Tr "notification.no_subscriptions"}}
 				{{else}}
 					{{template "shared/issuelist" dict "." . "listType" "dashboard"}}
diff --git a/templates/user/settings/profile.tmpl b/templates/user/settings/profile.tmpl
index 385a2ea205677..9f1f743f9c6db 100644
--- a/templates/user/settings/profile.tmpl
+++ b/templates/user/settings/profile.tmpl
@@ -38,7 +38,7 @@
 					<input id="location" name="location"  value="{{.SignedUser.Location}}" maxlength="50">
 				</div>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 				<!-- private block -->
 
 				<div class="field" id="privacy-user-settings">
@@ -85,7 +85,7 @@
 					</div>
 				</div>
 
-				<div class="ui divider"></div>
+				<div class="divider"></div>
 
 				<div class="field">
 					<button class="ui green button">{{$.locale.Tr "settings.update_profile"}}</button>
diff --git a/web_src/css/admin.css b/web_src/css/admin.css
index 58e05273504d6..07c0190f52538 100644
--- a/web_src/css/admin.css
+++ b/web_src/css/admin.css
@@ -15,11 +15,6 @@
   flex-wrap: wrap;
 }
 
-/* divider needs explicit width because the parent container is "display: flex" */
-.admin dl.admin-dl-horizontal .ui.divider {
-  width: 100%;
-}
-
 .admin dl.admin-dl-horizontal dt,
 .admin dl.admin-dl-horizontal dd {
   line-height: 1;
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 016c263e4301e..8b8d376c57890 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -465,15 +465,6 @@ a.label,
   background-color: var(--color-markup-code-block);
 }
 
-.ui.divider {
-  color: var(--color-text);
-}
-
-.ui.divider:not(.vertical,.horizontal) {
-  border-top-color: var(--color-secondary) !important;
-  border-bottom: none !important;
-}
-
 .ui.dividing.header {
   border-bottom-color: var(--color-secondary);
 }
@@ -2083,11 +2074,6 @@ table th[data-sortt-desc] .svg {
   border-radius: 0 0 var(--border-radius) var(--border-radius);
 }
 
-.ui.dropdown .menu > .divider {
-  border-top: 1px solid var(--color-secondary);
-  margin: 4px 0;
-}
-
 .ui.multiple.dropdown > .label {
   box-shadow: 0 0 0 1px var(--color-secondary) inset;
 }
diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index 520a1996825d8..68d4a1b021656 100644
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -76,6 +76,7 @@ Gitea's private styles use `g-` prefix.
 .gt-self-end { align-self: flex-end !important; }
 .gt-no-underline { text-decoration-line: none !important; }
 .gt-w-auto { width: auto !important; }
+.gt-normal-case { text-transform: none !important; }
 
 .gt-overflow-x-auto { overflow-x: auto !important; }
 .gt-overflow-x-scroll { overflow-x: scroll !important; }
diff --git a/web_src/css/index.css b/web_src/css/index.css
index d7ac9f453d7d4..6a3e7d0dd5bfd 100644
--- a/web_src/css/index.css
+++ b/web_src/css/index.css
@@ -9,6 +9,7 @@
 @import "./modules/comment.css";
 @import "./modules/navbar.css";
 @import "./modules/toast.css";
+@import "./modules/divider.css";
 
 @import "./shared/issuelist.css";
 @import "./shared/milestone.css";
diff --git a/web_src/css/modules/divider.css b/web_src/css/modules/divider.css
new file mode 100644
index 0000000000000..8c9649d6ba801
--- /dev/null
+++ b/web_src/css/modules/divider.css
@@ -0,0 +1,39 @@
+.divider {
+  margin: 1rem 0;
+  height: 0;
+  font-weight: var(--font-weight-medium);
+  text-transform: uppercase;
+  color: var(--color-text);
+  font-size: 1rem;
+  width: 100%;
+}
+
+.divider:not(.divider-text) {
+  border-top: 1px solid var(--color-secondary);
+}
+
+.divider.divider-text {
+  display: flex;
+  align-items: center;
+  padding: 7px 0;
+}
+
+.divider.divider-text::before,
+.divider.divider-text::after {
+  content: "";
+  flex: 1;
+  border-top: 1px solid var(--color-secondary);
+}
+
+.divider.divider-text::before {
+  margin-right: .75em;
+}
+
+.divider.divider-text::after {
+  margin-left: .75em;
+}
+
+.ui.dropdown .menu > .divider {
+  border-top: 1px solid var(--color-secondary);
+  margin: 4px 0;
+}
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index 0122e79aae61b..e20355dbc3bd7 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -138,10 +138,6 @@
   background-color: var(--color-header-wrapper);
 }
 
-.repository .header-wrapper .ui.tabs.divider {
-  border-bottom: 0;
-}
-
 .repository .header-wrapper .ui.tabular .svg {
   margin-right: 5px;
 }
@@ -591,6 +587,7 @@
 
 .repository.options .danger .ui.divider {
   margin: 0;
+  border-color: var(--color-error-border);
 }
 
 .repository.new.issue .comment.form .comment .avatar {
@@ -1012,7 +1009,7 @@
 
 .repository.view.issue .comment-list .comment .merge-section .divider {
   margin-left: -1rem;
-  margin-right: -1rem;
+  width: calc(100% + 2rem);
 }
 
 .repository.view.issue .comment-list .comment .merge-section.no-header::before,
diff --git a/web_src/fomantic/build/semantic.css b/web_src/fomantic/build/semantic.css
index c9a5fd4d92a31..c96c337988788 100644
--- a/web_src/fomantic/build/semantic.css
+++ b/web_src/fomantic/build/semantic.css
@@ -3631,302 +3631,6 @@ body.dimmable > .dimmer {
 /*******************************
         User Overrides
 *******************************/
-/*!
- * # Fomantic-UI - Divider
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-/*******************************
-            Divider
-*******************************/
-
-.ui.divider {
-  margin: 1rem 0;
-  line-height: 1;
-  height: 0;
-  font-weight: 500;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: rgba(0, 0, 0, 0.85);
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-/*--------------
-      Basic
----------------*/
-
-.ui.divider:not(.vertical):not(.horizontal) {
-  border-top: 1px solid rgba(34, 36, 38, 0.15);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-/*--------------
-    Coupling
----------------*/
-
-/* Allow divider between each column row */
-
-.ui.grid > .column + .divider,
-.ui.grid > .row > .column + .divider {
-  left: auto;
-}
-
-/*--------------
-     Horizontal
-  ---------------*/
-
-.ui.horizontal.divider {
-  display: table;
-  white-space: nowrap;
-  height: auto;
-  margin: '';
-  line-height: 1;
-  text-align: center;
-}
-
-.ui.horizontal.divider:before,
-.ui.horizontal.divider:after {
-  content: '';
-  display: table-cell;
-  position: relative;
-  top: 50%;
-  width: 50%;
-  background-repeat: no-repeat;
-}
-
-.ui.horizontal.divider:before {
-  background-position: right 1em top 50%;
-}
-
-.ui.horizontal.divider:after {
-  background-position: left 1em top 50%;
-}
-
-/*--------------
-      Vertical
-  ---------------*/
-
-.ui.vertical.divider {
-  position: absolute;
-  z-index: 2;
-  top: 50%;
-  left: 50%;
-  margin: 0;
-  padding: 0;
-  width: auto;
-  height: 50%;
-  line-height: 0;
-  text-align: center;
-  transform: translateX(-50%);
-}
-
-.ui.vertical.divider:before,
-.ui.vertical.divider:after {
-  position: absolute;
-  left: 50%;
-  content: '';
-  z-index: 3;
-  border-left: 1px solid rgba(34, 36, 38, 0.15);
-  border-right: 1px solid rgba(255, 255, 255, 0.1);
-  width: 0;
-  height: calc(100% - 1rem);
-}
-
-.ui.vertical.divider:before {
-  top: -100%;
-}
-
-.ui.vertical.divider:after {
-  top: auto;
-  bottom: 0;
-}
-
-/* Inside grid */
-
-@media only screen and (max-width: 767.98px) {
-  .ui.stackable.grid .ui.vertical.divider,
-  .ui.grid .stackable.row .ui.vertical.divider {
-    display: table;
-    white-space: nowrap;
-    height: auto;
-    margin: '';
-    overflow: hidden;
-    line-height: 1;
-    text-align: center;
-    position: static;
-    top: 0;
-    left: 0;
-    transform: none;
-  }
-
-  .ui.stackable.grid .ui.vertical.divider:before,
-  .ui.grid .stackable.row .ui.vertical.divider:before,
-  .ui.stackable.grid .ui.vertical.divider:after,
-  .ui.grid .stackable.row .ui.vertical.divider:after {
-    left: 0;
-    border-left: none;
-    border-right: none;
-    content: '';
-    display: table-cell;
-    position: relative;
-    top: 50%;
-    width: 50%;
-    background-repeat: no-repeat;
-  }
-
-  .ui.stackable.grid .ui.vertical.divider:before,
-  .ui.grid .stackable.row .ui.vertical.divider:before {
-    background-position: right 1em top 50%;
-  }
-
-  .ui.stackable.grid .ui.vertical.divider:after,
-  .ui.grid .stackable.row .ui.vertical.divider:after {
-    background-position: left 1em top 50%;
-  }
-}
-
-/*--------------
-        Icon
-  ---------------*/
-
-.ui.divider > .icon {
-  margin: 0;
-  font-size: 1rem;
-  height: 1em;
-  vertical-align: middle;
-}
-
-/*--------------
-       Header
-  ---------------*/
-
-.ui.horizontal.divider[class*="left aligned"]:before {
-  display: none;
-}
-
-.ui.horizontal.divider[class*="left aligned"]:after {
-  width: 100%;
-}
-
-.ui.horizontal.divider[class*="right aligned"]:before {
-  width: 100%;
-}
-
-.ui.horizontal.divider[class*="right aligned"]:after {
-  display: none;
-}
-
-/*******************************
-          Variations
-*******************************/
-
-/*--------------
-      Hidden
-  ---------------*/
-
-.ui.hidden.divider {
-  border-color: transparent !important;
-}
-
-.ui.hidden.divider:before,
-.ui.hidden.divider:after {
-  display: none;
-}
-
-/*--------------
-    Inverted
----------------*/
-
-/*--------------
-    Fitted
----------------*/
-
-.ui.fitted.divider {
-  margin: 0;
-}
-
-/*--------------
-      Clearing
-  ---------------*/
-
-.ui.clearing.divider {
-  clear: both;
-}
-
-/*--------------
-      Section
-  ---------------*/
-
-.ui.section.divider {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-}
-
-/*--------------
-     Sizes
----------------*/
-
-.ui.divider {
-  font-size: 1rem;
-}
-
-.ui.mini.divider {
-  font-size: 0.78571429rem;
-}
-
-.ui.tiny.divider {
-  font-size: 0.85714286rem;
-}
-
-.ui.small.divider {
-  font-size: 0.92857143rem;
-}
-
-.ui.large.divider {
-  font-size: 1.14285714rem;
-}
-
-.ui.big.divider {
-  font-size: 1.28571429rem;
-}
-
-.ui.huge.divider {
-  font-size: 1.42857143rem;
-}
-
-.ui.massive.divider {
-  font-size: 1.71428571rem;
-}
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-.ui.horizontal.divider:before,
-.ui.horizontal.divider:after {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
-}
-
-@media only screen and (max-width: 767px) {
-  .ui.stackable.grid .ui.vertical.divider:before,
-  .ui.grid .stackable.row .ui.vertical.divider:before,
-  .ui.stackable.grid .ui.vertical.divider:after,
-  .ui.grid .stackable.row .ui.vertical.divider:after {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
-  }
-}
-
-/*******************************
-         Site Overrides
-*******************************/
 /*!
  * # Fomantic-UI - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
diff --git a/web_src/fomantic/semantic.json b/web_src/fomantic/semantic.json
index be7519c308611..d18ace5aa71b3 100644
--- a/web_src/fomantic/semantic.json
+++ b/web_src/fomantic/semantic.json
@@ -26,7 +26,6 @@
     "checkbox",
     "container",
     "dimmer",
-    "divider",
     "dropdown",
     "form",
     "grid",
diff --git a/web_src/js/features/repo-issue-list.js b/web_src/js/features/repo-issue-list.js
index 5402f958f2a47..a5a5bb6286775 100644
--- a/web_src/js/features/repo-issue-list.js
+++ b/web_src/js/features/repo-issue-list.js
@@ -128,7 +128,7 @@ function initRepoIssueListAuthorDropdown() {
     if (newMenuHtml) {
       const $newMenuItems = $(newMenuHtml);
       $newMenuItems.addClass('dynamic-item');
-      $menu.append('<div class="ui divider dynamic-item"></div>', ...$newMenuItems);
+      $menu.append('<div class="divider dynamic-item"></div>', ...$newMenuItems);
     }
     $searchDropdown.dropdown('refresh');
     // defer our selection to the next tick, because dropdown will set the selection item after this `menu` function