How to add borders between menu-items in sidebar widget menu?

Hello Rikard,
link and login infos come via private content.
I’d like to have borders between the individual items and a changing background color on hover. At the moment just the background color changes while the item is active.
Thanks in advance.
Best regards.

Hi Victoria,

thanks. The menu-items are underlined now :-)

But I guess I have to adjust the selector once again since the length of the borders are now shorter than the colored background section of the active menu-item. The adjustments (= Borders between the items/ plus background color on hover) should correspond to the styling of the active item.

I found this code in the CSS for the active item, but I don’t know how to modify it for the changes I described above:

/* CSS for active item*/
.main_color .widget_nav_menu ul:first-child > .current-menu-item, .main_color .widget_nav_menu ul:first-child > .current_page_item{
background: #ededed;
}

Here is how it looks now:
Menu widget

Can you please help?
Best regards.

Hi Victoria,

Am I supposed to replace the current-item class with another?
Do you have a selector code snippet for me, please?

best regards.