Marker element in markdown not displaying

I am currently setting up a markdown block that collapses

I have this set up:

<details>
  <br/>
<div style="position:relative;width:100%;height:0;padding-bottom:56.25%;">
  <p>FooBar</p>
  </div>
</details>

When I have it set like this: it creates the `marker` element (the animated arrow that points as you click on the text)

However, if I go to use the `<summary>` tag, the marker disappears

So if I have 

<details>
  <summary>Step-by-step</summary>
  <p>Foo Bar Buzz</p>
</details>

It posts "Step-by-step" but it no longer contains the marker

Does anyone know how to resolve this?

I'm guessing I need to use CSS in some capacity 

Could you please share the URL to the page with the code in question so that we may see the context of how it is functioning.

16 hours ago, Wolfsilon said:

Could you please share the URL to the page with the code in question so that we may see the context of how it is functioning.

https://apple-octagon-469r.squarespace.com/white-belt-poc

pw: wimafcdemopoc

Go to the section called "Open Hand Form"

I have a markdown section. One collapsible element is called `Step-by-step` and the other is `Details`

On 11/3/2021 at 7:47 PM, kjmancusi said:

https://apple-octagon-469r.squarespace.com/white-belt-poc

pw: wimafcdemopoc

Go to the section called "Open Hand Form"

I have a markdown section. One collapsible element is called `Step-by-step` and the other is `Details`

It looks like you fixed this?