Desktop Impulse Add Border between Sort and Collection

[Luxurymrkt]

Hi

not sure if this is possible but I’d like to add a 1px light grey line between best selling sort / and the 23 products etc on my Desktop

similar to picture

my site is https://luxurymrkt.com/collections/mens-footwear

[oscprofessional]

@Luxurymrkt ,

.collection-filter__item.collection-filter__item--count.small--hide {
    border-bottom: 1px solid #e5e5e5;
    padding: 13px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[Luxurymrkt]

Worked perfect. Is there a way to make the sort button smaller like pic like the size of box maybe 50% of what it is now

[oscprofessional]

@Luxurymrkt

select#SortBy {
    width: auto;
    float: right;
}

[Luxurymrkt]

That worked but now the border line is to short

[Luxurymrkt]

Anyway to make this longer? Because the button is smaller doesn’t reach whole distance