SO I really like the details plugin in and use it in a lot of my posts on my own flarum. To add drop downs for extra information or well placed affiliate links 😃

I have some custom CSS so far:
details {
padding: .8em !important;
background: #353535;
border-radius: 20px;
margin-bottom: .8em;
}
summary::-webkit-details-marker {display: none; }
details summary::before {
content:"â–º";
padding: .7em;
}
details[open] summary::before {
content:"â–¼";
padding: .7em;
}
I am struggling with the CSS though and couldn't figure one of my issues out while using inspect element on Google Chrome. When I open the details I get this line on the left side and cant figure out how to remove it:

If you need to see it live, you can see the example from the picture above [Login to see the link].