diff --git a/scss/mixins/_nav-divider.scss b/scss/mixins/_nav-divider.scss
index 557673ccd3..493de03a34 100644
--- a/scss/mixins/_nav-divider.scss
+++ b/scss/mixins/_nav-divider.scss
@@ -3,8 +3,8 @@
 // Dividers (basically an hr) within dropdowns and nav lists
 
 @mixin nav-divider($color: #e5e5e5) {
-  height: 1px;
+  height: 0;
   margin: ($spacer / 2) 0;
   overflow: hidden;
-  background-color: $color;
+  border-top: 1px solid $color;
 }