From 6092c3b921a6e07ea4ac865adb22af4046d2ea5d Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Thu, 19 Nov 2015 00:21:38 -0800
Subject: [PATCH] Fix dropdown arrows being misaligned in some browsers

---
 docs/assets/scss/_topbar.scss       | 7 ++++++-
 scss/components/_dropdown-menu.scss | 7 +++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/docs/assets/scss/_topbar.scss b/docs/assets/scss/_topbar.scss
index 7b1b92772..29606278f 100644
--- a/docs/assets/scss/_topbar.scss
+++ b/docs/assets/scss/_topbar.scss
@@ -65,8 +65,13 @@ $topbar-hover-color: darken($topbar-background, 20%);
     border: 0;
   }
 
+  .is-down-arrow a {
+    padding-right: 2rem !important;
+  }
+
   .is-down-arrow a::after {
-    margin-top: 20px !important;
+    margin-top: 8px !important;
+    right: 12px !important;
     border-top-color: white !important;
   }
 }
diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index ae4b3501a..10dd040b6 100644
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -34,8 +34,15 @@ $dropdown-border: 1px solid $medium-gray !default;
       }
 
       @if $dropdownmenu-arrows {
+        &.is-down-arrow a {
+          padding-right: 1.5rem;
+          position: relative;
+        }
         &.is-down-arrow > a::after {
           @include css-triangle(5px, $anchor-color, down);
+          position: absolute;
+          top: 12px;
+          right: 5px;
         }
         &.is-left-arrow > a::after {
           @include css-triangle(5px, $anchor-color, left);
-- 
2.47.2