diff --git a/templates/repo/view_file.tmpl b/templates/repo/view_file.tmpl
index 2ad31f8c37..86de599fb2 100644
--- a/templates/repo/view_file.tmpl
+++ b/templates/repo/view_file.tmpl
@@ -32,15 +32,15 @@
 		</div>
 		{{if not .ReadmeInList}}
 		<div class="file-header-right file-actions df ac">
-			<div class="ui buttons">
-				<a class="ui tiny button" href="{{EscapePound $.RawFileLink}}">{{.i18n.Tr "repo.file_raw"}}</a>
+			<div class="ui buttons mr-2">
+				<a class="ui mini basic button" href="{{EscapePound $.RawFileLink}}">{{.i18n.Tr "repo.file_raw"}}</a>
 				{{if not .IsViewCommit}}
-					<a class="ui tiny button" href="{{.RepoLink}}/src/commit/{{.CommitID}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.file_permalink"}}</a>
+					<a class="ui mini basic button" href="{{.RepoLink}}/src/commit/{{.CommitID}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.file_permalink"}}</a>
 				{{end}}
 				{{if .IsTextFile}}
-					<a class="ui tiny button" href="{{.RepoLink}}/blame/{{EscapePound .BranchNameSubURL}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.blame"}}</a>
+					<a class="ui mini basic button" href="{{.RepoLink}}/blame/{{EscapePound .BranchNameSubURL}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.blame"}}</a>
 				{{end}}
-				<a class="ui tiny button" href="{{.RepoLink}}/commits/{{EscapePound .BranchNameSubURL}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.file_history"}}</a>
+				<a class="ui mini basic button" href="{{.RepoLink}}/commits/{{EscapePound .BranchNameSubURL}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.file_history"}}</a>
 			</div>
 			{{if .Repository.CanEnableEditor}}
 				{{if .CanEditFile}}
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index cb91fa118b..e8ed3748b3 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -628,7 +628,7 @@ a.muted:hover,
     }
 
     &.black {
-      color: var(--color-body);
+      color: var(--color-text);
 
       &:hover {
         color: #000000;
@@ -1433,6 +1433,19 @@ a.ui.label:hover {
   color: var(--color-text);
 }
 
+.ui.button:hover {
+  background: var(--color-hover);
+  color: var(--color-text);
+}
+
+.ui.buttons .button:first-child {
+  border-left: 1px solid var(--color-secondary);
+}
+
+.ui.buttons .button + .button {
+  border-left: none;
+}
+
 .ui.blue.button,
 .ui.blue.buttons .button,
 .ui.primary.button,
@@ -1617,10 +1630,6 @@ table th[data-sortt-desc] {
   }
 }
 
-.dropdown .ui.label {
-  margin-left: 0 !important;
-}
-
 .ui.dropdown .menu .item {
   border-radius: 0;
 }