Looking to add line dividers and drop down arrows to shop category navigation.

Site URL: https://www.birdiealley.com/shop

Hello!

I would love to add lines and drop down arrows similar to the ones pictured in the attached file but can't find any help online. It doesn't have to be exactly like the format in the attached image but anything similar would be great. Would anybody here be able to point me in the right direction. I have also attached a screenshot of my site which does not have the lines or arrows at the moment. 

Thanks!

Looks like you figured out how to add it, but it also looks like there are some alignment issues occurring and some unintended double borders happening. Here is a code snippet that will give you the same result, without the above issues:

.products.collection-content-wrapper .nested-category-tree-wrapper .category-item {
    border-bottom: #000 1px solid;
}
.products.collection-content-wrapper .nested-category-tree-wrapper a {
    display: flex !important;
    justify-content: space-between !important;
}

Hope this helps!