Chrome浏览器更新后CSS无法正常工作

Question

我最近更新了我的Google Chrome浏览器，即Version 69.0.3497.81 (Official Build) (32-bit)

更新后，我的应用程序仪表板的左侧菜单现在隐藏在面板div的后面，如屏幕截图所示

如上图所示，左侧导航栏的li (In red highlighted area)隐藏在面板div的后面。

检查后，我得到了背后的代码

@media screen and (min-width: 768px)
.sidebar-menu.collapsed .main-menu > li {
    text-align: center;
    position: relative;

}

我尝试了z-index，但无法正常工作，请为我推荐最佳解决方案