垂直导航栏中心对齐视口文本未对齐

Question

我在视口中垂直居中对齐了一个菜单。最后一个菜单项与导航的其余部分不对齐（请参阅附件）。这是我申请的自定义css：

.sidenav {

float: right;
width: 20px;
right: 20px;

}

.elementor-nav-menu--layout-vertical>ul {

transform: rotate(90deg);
display: flex;
height: 100vh;
justify-content: center;
align-items: center;

}

.elementor-nav-menu--layout-vertical>ul>li {

margin-left: 20px;

}

任何人都知道为什么最后一个菜单项没有对齐？