Bug Report: Quiz dailog box overlapping

[Manishak798]

Reproduction steps

When we make our nav bar sticky, our dialog box is not appearing significantly. I want to work on this issue so that whenever a new visitor visits our website the dialog box should appear right after the navigation bar.
As I already working on this project please assign this issue to me under GSSOC23.

Expected behavior

I want our dialog box to not overlap between the header and navigation tab, I want to fix this bug and make the user experience more smooth while using our website.

Actual Behavior

when our website loads the quiz dialog box overlapped between the header and navigation tab which did not looks appealing.

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct