diff --git a/src/scss/cdb-components/menu.scss b/src/scss/cdb-components/menu.scss
index 2d43f8b..f695c31 100644
--- a/src/scss/cdb-components/menu.scss
+++ b/src/scss/cdb-components/menu.scss
@@ -16,7 +16,7 @@
     </li>
     <li class="CDB-NavMenu-Item is-selected">
       <button class="CDB-NavMenu-Link">POP-UP</button>
-      <ul class="CDB-NavSubmenu CDB-Size-small">
+      <ul class="CDB-NavSubmenu CDB-NavSubmenu--inside CDB-Size-small">
         <li class="CDB-NavSubmenu-Item is-selected">
           <button class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status u-hintTextColor">NONE</span></button>
         </li>
@@ -48,7 +48,7 @@
       </li>
       <li class="CDB-NavMenu-item is-selected">
         <button class="CDB-NavMenu-Link">POP-UP</button>
-        <ul class="CDB-NavSubmenu CDB-Size-small">
+        <ul class="CDB-NavSubmenu CDB-NavSubmenu--inside CDB-Size-small">
           <li class="CDB-NavSubmenu-Item is-selected">
             <button class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></button>
           </li>
@@ -63,6 +63,35 @@
     </ul>
   </nav>
 </div>
+
+<br/><br/>
+<br/><br/>
+
+<nav class="CDB-NavMenu">
+  <ul class="CDB-NavMenu-Inner CDB-Text is-semibold CDB-Size-medium">
+    <li class="CDB-NavMenu-Item">
+      <button class="CDB-NavMenu-Link">DATA</button>
+    </li>
+    <li class="CDB-NavMenu-Item">
+      <button class="CDB-NavMenu-Link">STYLE</button>
+    </li>
+    <li class="CDB-NavMenu-Item is-selected">
+      <button class="CDB-NavMenu-Link">POP-UP</button>
+    </li>
+    <li class="CDB-NavMenu-Item">
+      <button class="CDB-NavMenu-Link">LEGEND</button>
+    </li>
+  </ul>
+
+  <ul class="CDB-NavSubmenu CDB-NavSubmenu--outside CDB-Text CDB-Size-small is-semibold js-menu">
+    <li class="CDB-NavSubmenu-Item is-selected">
+      <button class="CDB-NavSubmenu-Link u-upperCase">Click</button>
+    </li>
+    <li class="CDB-NavSubmenu-Item">
+      <button class="CDB-NavSubmenu-Link u-upperCase">Hover</button>
+    </li>
+  </ul>
+</nav>
 ```
 */
 
@@ -100,11 +129,19 @@
 }
 
 .CDB-NavSubmenu {
+  border-bottom: 1px solid $cSecondaryLine;
+}
+
+.CDB-NavSubmenu--inside {
   position: absolute;
   right: 0;
   left: 0;
   padding-top: 14px;
-  border-bottom: 1px solid $cSecondaryLine;
+}
+
+.CDB-NavSubmenu--outside {
+  margin-top: -5px;
+  margin-bottom: 18px;
 }
 
 .CDB-NavSubmenu-Link {