Align + sign at top in Elementor Accordion

.elementor-widget-n-accordion .e-n-accordion-item-title {
display: flex;line-height: 22px;
align-items: flex-start; /* Align icon with top (first line) of text */
gap: 0.5em; /* Optional: control space between icon and text */
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon {
align-self: flex-start; /* Vertically aligns icon with the first line */
margin-top: 5px; /* Remove any previous margin that misaligns the icon */
}

Additional Instructions/Information

In Elementor’s Accordion widget, the plus icon (+) is usually aligned horizontally with the center of the text block. So, when the title wraps to two lines, the icon sits across from the middle of the text instead of the first line. The CSS code below fixes this issue — you can adjust the margin-top: 5px value until the “+” aligns perfectly with the first line of text. Add this CSS code in the ‘Advanced>Custom CSS” panel.