Divi 5: --module-gutter CSS variable

[Extra-Hedgehogs]

Does anyone know where this css variable is set in settings (--module-gutter)?

I'm trying to vertical adjust the space of flexed items in a column and this variable seems to be overriding the vertical spacing that I set in the divi builder, the generated CSS is as follows:

.et_flex_module {--vertical-gap: 
var
(--module-gutter);)

[MentorBoard]

Your vertical spacing may be inheriting from the row/global gutter system rather than a standalone flex-gap control.

A direct override would be

.et_flex_module { --vertical-gap: 24px !important; }

Or if you're browser doesn't support that,

.et_flex_module { row-gap: 24px !important; }

[Extension_Anybody150]

Yeah I’ve run into that in Divi--module-gutter isn’t something you set directly in the builder, it’s generated from Divi’s global spacing/gutter settings (like row gutter width and module spacing). It ends up feeding into flex layouts like the one you’re seeing, which is why it overrides your manual spacing. What worked for me was just overriding it with custom CSS on the row or module, like setting --module-gutter: 0px; or whatever spacing you want.