use get-side function instead of nth to calculate top of dropdown arrow

diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index 762a3476c20b911ec81ebc8d62c3294042eaa835..60a486a4a0f2e0a6f7e74187d72e04bd19ef9d96 100644 (file)
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -41,7 +41,7 @@ $dropdown-border: 1px solid $medium-gray !default;
         &.is-down-arrow > a::after {
           @include css-triangle(5px, $anchor-color, down);
           position: absolute;
-          top: rem-calc(2px) + rem-calc(nth($menu-item-padding, 1));
+          top: rem-calc(2px) + rem-calc(get-side($menu-item-padding, top));
           #{$global-right}: 5px;
         }
         &.is-left-arrow > a::after {