Trying to add border and padding to <iframe> question set


I'm trying to add a border and padding to a question set that I'm embedding into my Teachable site (from my WordPress site)

I'm pasting the embed code and adding this CSS: style= "border: 1px solid grey; border-radius: 5px; padding: 1%; margin-bottom: 3%;"

The problem I'm experiencing is that the dots that indicate how many questions are left disappear from the embedded quiz.

Is there a way to keep the border and the padding and make sure the dots stay there?

Thank you!

Content types: