Issue #3258892 by agami4: Improve caret icon

assets/css/navbar.css

@@ -544,13 +544,16 @@
 }
 
 @media (min-width: 1025px) {
+  .navbar-nav > li > ul > li.expanded > a {
+    padding-right: 25px;
+  }
   .navbar-nav > li > ul > li.expanded > a:hover:not(.is-active) + .dropdown-menu {
     display: block;
   }
   .navbar-nav > li > ul > li.expanded .caret {
     position: absolute;
     top: 44%;
-    right: 10px;
+    right: 5px;
     -webkit-transform: rotate(-90deg) translateY(-50%);
             transform: rotate(-90deg) translateY(-50%);
   }

components/03-molecules/navigation/navbar/navbar.scss

@@ -222,10 +222,13 @@ body {
       position: relative;
 
       @media(min-width: 1025px) {
-        > a:hover:not(.is-active)  {
+        > a {
+          padding-right: 25px;
 
-          + .dropdown-menu {
-            display: block;
+          &:hover:not(.is-active)  {
+            + .dropdown-menu {
+              display: block;
+            }
           }
         }
       }
@@ -236,7 +239,7 @@ body {
         @media(min-width: 1025px) {
           position: absolute;
           top: 44%;
-          right: 10px;
+          right: 5px;
           transform: rotate(-90deg) translateY(-50%);
 
           [dir='rtl'] & {