From 99aa9a46bcd67de0dc477df003331f7405f04dff Mon Sep 17 00:00:00 2001
From: Patrick O'Carroll <ocarroll.patrick@gmail.com>
Date: Wed, 25 Apr 2018 12:16:43 +0200
Subject: [PATCH] replaced border hack carot with fontawesome carot fixes
 #11677

---
 public/sass/components/_dropdown.scss | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/public/sass/components/_dropdown.scss b/public/sass/components/_dropdown.scss
index cc94a379e07..37dbdcd89ef 100644
--- a/public/sass/components/_dropdown.scss
+++ b/public/sass/components/_dropdown.scss
@@ -256,17 +256,15 @@
 
 // Caret to indicate there is a submenu
 .dropdown-submenu > a::after {
-  display: block;
-  content: ' ';
-  float: right;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 5px 0 5px 5px;
-  border-left-color: $text-color-weak;
-  margin-top: 5px;
-  margin-right: -4px;
+  position: absolute;
+  top: 35%;
+  right: $input-padding-x;
+  background-color: transparent;
+  color: $text-color-weak;
+  font: normal normal normal $font-size-sm/1 FontAwesome;
+  content: '\f0da';
+  pointer-events: none;
+  font-size: 11px;
 }
 .dropdown-submenu:hover > a::after {
   border-left-color: $dropdownLinkColorHover;