LayoutGrid horizontal margin

[NietoGX]

Is your iteration request related to a problem?
By default the Layout grid has a horizontal negative margin which produces a horizontal scroll:
margin: 0 -4px;

Describe the solution you'd like
If we wrap the LayoutGrid with a div with margin, this problem is solved, but I suggest to insert a prop property(for example) for solving this problem.

Additional context
This is the default Layout's styles:
.sui-LayoutGrid { display: flex; flex-wrap: wrap; list-style: none; margin: 0 -4px; row-gap: 8px; }

[turolopezsanabria]

@klaufel @nucliweb can you help with this one?