default spacing settings on effect element usage

[hibatillah]

Describe the bug
By default the effect component provides a gap between elements so that a minus spacing value must be given to the element so that it returns to its initial position, and can only be done specifically on each related element, not on the parent element.

To Reproduce
Steps to reproduce the behavior:

1. Change div parent element to effect component
2. See bug that spacing between elements changes due to use of effect component

CodeSandbox link: https://codesandbox.io/p/sandbox/festive-cori-6p5nrz

Expected behavior
Using doesn't disturb the existing spacing of the element

Screenshots
More clearly can be seen in the codesandbox above.

Desktop:

• OS: Windows 11
• Browser: Microsoft Edge
• Version: 115.0.1901.183 (Official build) (64-bit)