Выпадающее меню за километр, как исправить?

<nav class="header__top-nav" id="navLinks">
            <ul>
            <li><a href="#" class="header__top-nav-link">меню</a>
              <ul>
                <li><a href="#">123</a></li>
            </ul>

          </li>

ul{
	display: flex;
}

ul ul{
		display: none;
		position: absolute;
		top: 100%;
}

nav ul li:hover > ul {
		display:inherit;
}

 ul ul li {
		min-width:170px;
		float:none;
		display:list-item;
		position: relative;
}