Elementor’s navigation menu padding issue

When you use the navigation menu component that comes with the Elementor plugin, you will notice a visual inconsistency in the dropdown menus.

To do this, first select the menu. From the Elementor menu, go to the Advanced tab. At the bottom, you will see the Custom CSS field. Adding following codes to custom CSS section in Elementor will fix the problem.

selector .elementor-nav-menu .elementor-nav-menu--dropdown a{
padding-right: 30px;
}

To increase the padding-right value for the entire menu, not just the sub-menu;

selector .elementor-nav-menu--layout-horizontal .elementor-nav-menu a {
padding-right: 30px;
}

That is all. Now the dropdown menu looks better visually.