Odd CSS change on generatepress, child theme, mobile

If I choose “Aggregate CSS Files” on the Generatepress theme I get an extra “padding:30px” added under the .generate-columns class in categories.

This is using the Dispatch site library theme, using a child theme to further customize.

Normally the CSS is as below using firefox’s style inspector, and the lower .generate-columns padding left is overruled by the higher .generate-columns-container class

This is the css used to style the articles display in the category normally

This is from the style-min.css file

.generate-columns-container:not(.masonry-container) .generate-columns {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.generate-columns-container > * {
padding-left: 0;
}

Below is inline

.generate-columns {
margin-bottom: 30px; <– this is overuled by the above normally
padding-left: 30px;

This is the CSS when aggregating, collated into wp-content/cache/autoptimize/css/autoptimize_dec7df1bb3a060b31e6cb8a29e71905d.css

.generate-columns-container:not(.masonry-container), .generate-columns-container:not(.masonry-container) .generate-columns {

display: -webkit-flex;
display: -ms-flexbox;
display: flex;

Below this is the inline style that now comes into effect

.generate-columns {
margin-bottom: 30px;
padding-left: 30px; <– this now comes into effect though it’s not wanted

I hope this is helpful for diagnosing. I’d prefer not to show my live site, if there’s any way I can capture the css to display another way I can try.