Astra article styles affect Elementor Loop Grid items

Hello,

I have found a compatibility issue between Astra and Elementor Loop Grid.

When an Elementor Loop Grid is used inside a Theme Builder template, the grid appears narrower than other widgets in the same container. Setting the row gap to 0 also does not remove all visible spacing.

The layout looks correct inside the Elementor editor, but not on the frontend.

When inspecting the HTML, every Elementor loop item receives the Astra class:

ast-article-single

The loop item is rendered like this:

<div class="elementor e-loop-item ast-article-single">

Astra’s article styling then appears to affect the loop item’s margin, padding, width, or max-width.

This global CSS fixes the issue:

.elementor-widget-loop-grid .elementor-loop-container > .e-loop-item.ast-article-single {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
}

Could Astra exclude Elementor Loop Grid items from the normal .ast-article-single layout styles?

The issue only affects Loop Grid items. Other Elementor widgets in the same container use the correct full width.

Thank you.