diff --git a/app/src/modules/settings/routes/data-model/new-collection.vue b/app/src/modules/settings/routes/data-model/new-collection.vue
index e957f23dc3..8b5f7c9440 100644
--- a/app/src/modules/settings/routes/data-model/new-collection.vue
+++ b/app/src/modules/settings/routes/data-model/new-collection.vue
@@ -21,7 +21,7 @@
 				<v-notice type="info">{{ $t('creating_collection_info') }}</v-notice>
 
 				<div class="grid">
-					<div>
+					<div class="field half">
 						<div class="type-label">
 							{{ $t('name') }}
 							<v-icon class="required" v-tooltip="$t('required')" name="star" sup />
@@ -34,12 +34,12 @@
 							:placeholder="$t('a_unique_table_name')"
 						/>
 					</div>
-					<div>
+					<div class="field half">
 						<div class="type-label">{{ $t('singleton') }}</div>
 						<v-checkbox block :label="$t('singleton_label')" v-model="singleton" />
 					</div>
 					<v-divider class="full" />
-					<div>
+					<div class="field half">
 						<div class="type-label">{{ $t('primary_key_field') }}</div>
 						<v-input
 							class="monospace"
@@ -48,7 +48,7 @@
 							:placeholder="$t('a_unique_column_name')"
 						/>
 					</div>
-					<div>
+					<div class="field half">
 						<div class="type-label">{{ $t('type') }}</div>
 						<v-select
 							:items="[
@@ -74,7 +74,7 @@
 				<v-notice type="info">{{ $t('creating_collection_system') }}</v-notice>
 
 				<div class="grid system">
-					<div v-for="(info, field) in systemFields" :key="field">
+					<div class="field" v-for="(info, field, index) in systemFields" :key="field" :class="index % 2 === 0 ? 'half':'half-right'">
 						<div class="type-label">{{ $t(info.label) }}</div>
 						<v-input
 							v-model="info.name"