From 3ed6747bf20a9914925d3158a9c088df4953386a Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 5 Feb 2021 10:30:36 -0500
Subject: [PATCH] UX: Show caret icon on user notification dropdown (#11991)

---
 .../addon/components/user-notifications-dropdown.js           | 1 +
 .../common/select-kit/user-notifications-dropdown.scss        | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/app/assets/javascripts/select-kit/addon/components/user-notifications-dropdown.js b/app/assets/javascripts/select-kit/addon/components/user-notifications-dropdown.js
index b246e817770..6287fc63cf4 100644
--- a/app/assets/javascripts/select-kit/addon/components/user-notifications-dropdown.js
+++ b/app/assets/javascripts/select-kit/addon/components/user-notifications-dropdown.js
@@ -9,6 +9,7 @@ export default DropdownSelectBox.extend({
 
   selectKitOptions: {
     headerIcon: "userNotificationicon",
+    showCaret: true,
   },
 
   userNotificationicon: computed("mainCollection.[]", "value", function () {
diff --git a/app/assets/stylesheets/common/select-kit/user-notifications-dropdown.scss b/app/assets/stylesheets/common/select-kit/user-notifications-dropdown.scss
index a529f38d419..f339b62f0a4 100644
--- a/app/assets/stylesheets/common/select-kit/user-notifications-dropdown.scss
+++ b/app/assets/stylesheets/common/select-kit/user-notifications-dropdown.scss
@@ -3,6 +3,10 @@
     &.user-notifications-dropdown {
       text-align: left;
 
+      .d-icon {
+        margin-left: 0;
+      }
+
       .select-kit-body {
         width: 485px;
         max-width: 485px;