From ca63502ce67694757bd6daeb444064e3c0fee45b Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Tue, 4 Feb 2020 15:34:37 +0100
Subject: [PATCH] UX: ensures pinned options icon is not on a new line (#8845)

---
 .../javascripts/select-kit/components/pinned-options.js.es6     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/select-kit/components/pinned-options.js.es6 b/app/assets/javascripts/select-kit/components/pinned-options.js.es6
index 3d88220e9ce..6c4cd2f832d 100644
--- a/app/assets/javascripts/select-kit/components/pinned-options.js.es6
+++ b/app/assets/javascripts/select-kit/components/pinned-options.js.es6
@@ -13,7 +13,7 @@ export default DropdownSelectBoxComponent.extend({
     const state = pinned === "pinned" ? `pinned${globally}` : "unpinned";
     const title = I18n.t(`topic_statuses.${state}.title`);
 
-    content.label = `${title}${iconHTML("caret-down")}`.htmlSafe();
+    content.label = `<span>${title}</span>${iconHTML("caret-down")}`.htmlSafe();
     content.title = title;
     content.name = state;
     content.icon = `thumbtack${state === "unpinned" ? " unpinned" : ""}`;