Search Bar result-list styling

Site URL: https://caper-badger-3s6d.squarespace.com/blog

I have tried to make my result-list have a black background, but I still have this gray/white line around. Is this a part of the background, or is it the wrapper. 

Can anyone help me change the color?

Add to Custom CSS

.sqs-search-ui-button-wrapper.color-dark .search-input {
    border-color: #000;
    color: #ac8139 !important;
    opacity: 1;
}

@tuanphanThank you for replying! But I need help changing the color around the result list, not the search bar itself. If you see the picture I attached above. The result list have this white line around it, I want the color to be completely black, how do I accomplish this?

Can you help?

@tuanphan can you help me?

Add to Custom CSS

.sqs-search-preview-ui .sqs-search-ui-result {
    border-color: #ac8139 !important;
}

@tuanphan Thank you!

@tuanphan I still get this white line at the bottom of the ''no result'' list. How do I fix this so that the border gets completely #AC8139?

Add to Design > Custom CSS

.sqs-search-preview-ui .sqs-search-ui-result {
    border-color: #ac8139 !important;
}

@tuanphan Thank you!