Prerequisites

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• The issue still exists against the latest stable version of Elementor.

Description

Icon alignment overlaps the border of the column.

Ideally it should look like the example below:

Steps to reproduce

Just use the widget icon.

How to solve

Can be easily corrected with CSS.
But it is necessary to add another class to the icon, corresponding to the alignment, because the code below solves the problem in the left alignment. While aligning to the right is required to use the "right" instead of the "left".
.elementor-icon i:before, .elementor-icon svg:before { position: absolute; left: 0; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

Isolating the problem

• This bug happens with only Elementor plugin active (and Elementor Pro).
• This bug happens with a default WordPress theme active.
• I can reproduce this bug consistently using the steps above.

Environment