diff --git a/source/_patterns/02-organisms/00-global/navbar.mustache b/source/_patterns/02-organisms/00-global/navbar.mustache
index 45c7918ff86cd95c9f3225f0b0f58182ad35376a..de423d83d832c484575e15ca17f87c52fde52a80 100644
--- a/source/_patterns/02-organisms/00-global/navbar.mustache
+++ b/source/_patterns/02-organisms/00-global/navbar.mustache
@@ -28,7 +28,11 @@
                 <a href="#" data-href="{{ link.templates-homepage }}" class="navbar-menu__link">Hlavní strana</a>
               </li>
               <li class="navbar-menu__item">
-                <a href="#" data-href="{{ link.templates-people }}" class="navbar-menu__link">Lidé</a>
+                <ui-navbar-subitem label="Lidé" href="{{ link.templates-people }}">
+                  <ul class="navbar-menu__submenu">
+                    <li><a href="#" class="navbar-menu__link">Delší link co je delší než hlavní menu položka</a></li>
+                  </ul>
+                </ui-navbar-subtitem>
               </li>
               <li class="navbar-menu__item">
                 <ui-navbar-subitem label="Aktuality" href="{{ link.templates-article-listing }}">
diff --git a/source/css/organisms/navbar.pcss b/source/css/organisms/navbar.pcss
index 89b46ea1b16faea8f0d4542de515b851f4db40a4..bd6281881e0b50e83dda0fe5ea2790473567ed26 100644
--- a/source/css/organisms/navbar.pcss
+++ b/source/css/organisms/navbar.pcss
@@ -44,12 +44,16 @@
   @apply block;
 }
 
+.navbar-menu__item:hover ~.navbar-menu__item {
+  z-index: 0;
+}
+
 .navbar-menu__link {
   @apply text-xl font-condensed uppercase leading-loose cursor-pointer;
 }
 
 .navbar-menu__submenu .navbar-menu__link {
-  @apply text-lg text-grey-200 font-body normal-case leading-normal pl-4;
+  @apply text-lg text-grey-200 font-body normal-case leading-normal pl-4 whitespace-no-wrap;
 }
 
 .navbar-menu__link,