How can we remove the white spacing between fields

The key is the type of container the fields are in. If you use a flex row/column container it will collapse unused rows/columns For your case, I think you just need to make the columns less wide. For this you could try adding more columns (click the container the fields are in an change columns from 2 to something like 4?)

Ryan

Hello,
As Ryan said, it's all about the containers. For example, in the flex container, there is a "Space between" setting.
When arranging components within a flex container on the Contacts page using the "Space between" setting, the space between components becomes automatic, and the "Gap" setting has no visible effect. 
The "Space between" alignment setting evenly distributes all available space between flex container components.
With this mode, the system automatically calculates and applies the maximum possible space between each inserted element, so the manual "Gap" configuration is ignored.
The effect is dynamic: adding more components will automatically narrow the space between them, keeping spacing equal across all elements.
If precise control over spacing and sizing is required, use the Grid component. Grid layouts allow you to specify the number of columns and offer finer control over element arrangement.