Bullets

Im using GeneratePress with Elementor Pro page builder. In column 1 I placed a 'custom menu' and used the CSS below to add style. For some reason the bullets appear to the left of the menu items. How can I remove them?
Thanks

Page effected: http://pastorschaller.com/site8/academics2/

/* Hides the post next/prev navigation */
.post-navigation{
    display: none;
}

.wpc-sidebar .menu-item {
    border-left: .1875rem solid #dddddd;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    margin-bottom: 0;
    padding-left: 20px;
}
.wpc-sidebar .menu-item:last-child {
    border-bottom: 1px solid #eeeeee;
}
.wpc-sidebar .menu-item a {
    line-height: 50px;
    font-size: 18px;
}
.wpc-sidebar .menu-item:hover {
    background: #eeeeee;
    border-left: .1875rem solid #EBAB2F;
}
.wpc-sidebar .menu-item.current-menu-item {
    border-left: .1875rem solid #EBAB2F;
}