BUG: The UI for Margin and Padding properties inside the sector

Hello,

I am creating a sector for just margin and padding with the code below:

{
	name: 'Layout Settings',
	open: false,
	buildProps: ['margin', 'padding'],
	properties: [
		{
			property: 'margin',
			properties: [
				{name: 'Top', property: 'margin-top'},
				{name: 'Bottom', property: 'margin-bottom'},
				{name: 'Left', property: 'margin-left'},
				{name: 'Right', property: 'margin-right'}
			],
		},
		{
			property: 'padding',
			properties: [
				{name: 'Top', property: 'padding-top'},
				{name: 'Bottom', property: 'padding-bottom'},
				{name: 'Left', property: 'padding-left'},
				{name: 'Right', property: 'padding-right'}
			],
		}
	]
}

And the sector is created with Margin Properties as shown in below screenshot:

As you could see, the properties are placed in the same row. I want them to be displayed as 2 properties only in a row. Please refer the below screenshot for more information:

Thanks for your help.