“FAQ by Rank Math”

Hello, we’re sorry to hear that you’re experiencing issues with the FAQ widget. To resolve this, you can add some CSS rules to your theme’s style.css file. Here are the CSS rules you can add:

#rank-math-faq .rank-math-list-item {
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid #fff;
}

.rank-math-question {
    cursor: pointer;
    position: relative;
    display: block;
    padding-right: 1em;
    margin-right: 1em;
    font-weight: 300;
    margin-top: 30px;
}

.rank-math-question:after {
    position: absolute;
    right: 5px;
    top: 0;
    content: "2715";
    transform: rotate(-45deg);
    transition: all 150ms ease-in-out;
}

.rank-math-question.collapse:after {
    transform: rotate(0deg);
}

.rank-math-question:hover {
    opacity: 0.8;
}

After adding these CSS rules, the FAQ block should look like the one shown in the image below:

If you have any further questions or need additional assistance, feel free to ask.

Sources:
How to Add FAQ Schema With Elementor and Rank Math » Rank Math
How to Turn Rank Math FAQ Block into an Accordion » Rank Math
How to Fix Duplicate Field “FAQPage” Error » Rank Math