Extra Carrot in Accordion On Website Page

[CWashburn]

Hello everyone. I'm building an accordion on my website home page and running into a strange extra carrot/chevron:

As you can see here the carrot on the left side of the dropdown is not expected, and I don't want it there. The weird thing is, this carrot only shows up on Safari, and not on Chrome or Brave. 

When I inspect the element in safari in the devtools I can see its part of something called Shadow Content (User Agent):

Does anyone know how I can fix this? I'm having a tough time figuring out how to remove it.

[CWashburn · Accepted solution]

I was able to fix this issue by adding the following snippet to the Head tag:

<style>
  /* Remove default marker in Safari */
  details > summary::-webkit-details-marker {
    display: none;
  }

  /* Ensure no list-style for broader compatibility */
  details > summary {
    list-style: none;
  }
</style>

The extra carrot is part of the default disclosure widget (or "details marker") that Safari adds to <details> elements. This is part of the browser's default styling for these elements, and it's rendered in the Shadow DOM, which is why it's showing up as "Shadow Content (User Agent)" in the developer tools.