diff --git a/templates/user/settings/applications_oauth2_edit_form.tmpl b/templates/user/settings/applications_oauth2_edit_form.tmpl
index 9d7273fd6d0bf..d382559835c34 100644
--- a/templates/user/settings/applications_oauth2_edit_form.tmpl
+++ b/templates/user/settings/applications_oauth2_edit_form.tmpl
@@ -28,7 +28,7 @@
 			<form class="ui form ignore-dirty" action="{{.FormActionPath}}/regenerate_secret" method="post">
 				{{.CsrfTokenHtml}}
 				{{.locale.Tr "settings.oauth2_regenerate_secret_hint"}}
-				<button class="ui tertiary button" type="submit">{{.locale.Tr "settings.oauth2_regenerate_secret"}}</button>
+				<button class="ui tertiary button border-none" type="submit">{{.locale.Tr "settings.oauth2_regenerate_secret"}}</button>
 			</form>
 		</div>
 	</div>
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index e58bf53f5df9f..8f238c829b61f 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -2319,7 +2319,6 @@ a.ui.label:hover {
 
 .ui.tertiary.button {
   color: var(--color-text-light);
-  border: none;
 }
 
 .ui.tertiary.button:hover {
diff --git a/web_src/less/helpers.less b/web_src/less/helpers.less
index 46284811eeba2..3603908b0bf6a 100644
--- a/web_src/less/helpers.less
+++ b/web_src/less/helpers.less
@@ -21,6 +21,7 @@
 
 /* below class names match Tailwind CSS */
 .pointer-events-none { pointer-events: none !important; }
+.border-none { border-style: none !important; }
 
 .mono {
   font-family: var(--fonts-monospace) !important;