vertical navbar fixes

src/scss/_variables.scss

@@ -405,7 +405,7 @@ $navbar-light-disabled-color: rgba($body-color, .3) !default;
 
 $navbar-dark-color: rgba($white, $text-muted-opacity) !default;
 $navbar-dark-brand-color: $white !default;
-$navbar-light-border-color: $border-color-transparent !default;
+$navbar-dark-border-color: $border-color-transparent !default;
 $navbar-dark-active-color: $white !default;
 $navbar-dark-disabled-color: rgba($white, .3) !default;
 

src/scss/layout/_navbar.scss

@@ -312,6 +312,14 @@ Navbar light
 .navbar-light {
   box-shadow: inset 0 -1px 0 0 $navbar-light-border-color;
   background-color: $white;
+
+  &.navbar-vertical {
+    box-shadow: inset -1px 0 0 0 $navbar-light-border-color;
+
+    &.navbar-right {
+      box-shadow: inset 1px 0 0 0 $navbar-light-border-color;
+    }
+  }
 }
 
 /**
@@ -350,6 +358,7 @@ Navbar vertical
  */
 @if $enable-navbar-vertical {
   .navbar-vertical {
+
     &.navbar-expand {
       @each $breakpoint in map-keys($grid-breakpoints) {
         $next: breakpoint-next($breakpoint, $grid-breakpoints);