Removes transparent border from inverted menu. Fixed vertical compact menu

src/definitions/collections/menu.less

@@ -498,6 +498,7 @@ Floated Menu / Item
 
 .ui.vertical.menu {
   display: block;
+  flex-direction: column;
   background: @verticalBackground;
   box-shadow: @verticalBoxShadow;
 }
@@ -1530,6 +1531,9 @@ Floated Menu / Item
   margin: 0em;
   vertical-align: middle;
 }
+.ui.compact.vertical.menu {
+  display: inline-block;
+}
 .ui.compact.menu .item:last-child {
   border-radius: 0em @borderRadius @borderRadius 0em;
 }

src/themes/default/collections/menu.variables

@@ -90,8 +90,8 @@
 @arrowTransition: background @defaultDuration @defaultEasing;
 @arrowZIndex: 2;
 
-@arrowHoverColor: #F4F4F4;
-@arrowActiveColor: #F4F4F4;
+@arrowHoverColor: #F2F2F2;
+@arrowActiveColor: @arrowHoverColor;
 @arrowActiveHoverColor: @arrowActiveColor;
 
 @arrowVerticalHoverColor: @arrowHoverColor;
@@ -370,7 +370,7 @@
 /* Inverted */
 @invertedBackground: @black;
 @invertedBoxShadow: none;
-@invertedBorder: 1px solid transparent;
+@invertedBorder: 0px solid transparent;
 @invertedHeaderBackground: transparent;
 
 @invertedItemBackground: transparent;