Fixed style assignment for Menu widget.

Author: azaslonov

src/menu/ko/menu.html

@@ -1,12 +1,12 @@
-<nav data-bind="secured: security, styled: styles">
+<nav data-bind="secured: security">
     <!--ko if: $component.nodes().length > 0 -->
 
     <!-- ko if: $component.layout() === 'horizontal' -->
-    <div class="menu menu-horizontal" data-bind="template: { name: 'horizontalMenu', data: $component }"></div>
+    <div class="menu menu-horizontal" data-bind="template: { name: 'horizontalMenu', data: $component }, styled: styles"></div>
     <!--/ko-->
 
     <!-- ko if: $component.layout() === 'vertical' -->
-    <div class="menu menu-vertical" data-bind="template: { name: 'verticalMenu', data: $component }"></div>
+    <div class="menu menu-vertical" data-bind="template: { name: 'verticalMenu', data: $component }, styled: styles"></div>
     <!--/ko-->
 
     <!--/ko-->

src/menu/ko/styleGuideSnippet.html

@@ -1,5 +1,5 @@
-<nav data-bind="stylePreview: variation.key, styleableGlobal: variation" class="design-menu-horizontal">
-    <div class="menu menu-horizontal">
+<nav data-bind="styleableGlobal: variation" class="design-menu-horizontal">
+    <div class="menu menu-horizontal" data-bind="stylePreview: variation.key">
         <ul class="nav">
             <li class="nav-item expanded">
                 <a href="#" class="nav-link" data-bind="styleableGlobal: variation.components.navLink.default">