diff --git a/templates/user/dashboard/issues.tmpl b/templates/user/dashboard/issues.tmpl
index 29023d921a..c7065557bd 100644
--- a/templates/user/dashboard/issues.tmpl
+++ b/templates/user/dashboard/issues.tmpl
@@ -88,7 +88,7 @@
 					<div class="column right aligned gt-df gt-ac gt-je">
 						<!-- Sort -->
 						<div class="ui dropdown type jump item">
-							<span class="text">
+							<span class="text gt-whitespace-nowrap">
 								{{.locale.Tr "repo.issues.filter_sort"}}
 								{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 							</span>
@@ -105,9 +105,9 @@
 						</div>
 						{{if .SingleRepoLink}}
 							{{if eq .SingleRepoAction "issue"}}
-								<a class="ui green button" href="{{.SingleRepoLink}}/issues/new/choose">{{.locale.Tr "repo.issues.new"}}</a>
+								<a class="ui green button gt-ml-4" href="{{.SingleRepoLink}}/issues/new/choose">{{.locale.Tr "repo.issues.new"}}</a>
 							{{else if eq .SingleRepoAction "pull"}}
-								<a class="ui green button" href="{{.SingleRepoLink}}/compare">{{.locale.Tr "repo.pulls.new"}}</a>
+								<a class="ui green button gt-ml-4" href="{{.SingleRepoLink}}/compare">{{.locale.Tr "repo.pulls.new"}}</a>
 							{{end}}
 						{{end}}
 					</div>
diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index 1c02de2d7a..4756d31bec 100644
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -197,6 +197,8 @@
 
 .gt-content-center { align-content: center !important; }
 
+.gt-whitespace-nowrap { white-space: nowrap !important; }
+
 @media (max-width: 767px) {
   .gt-db-small { display: block !important; }
   .gt-w-100-small { width: 100% !important; }