diff --git a/src/back/jdd-components/split-view/split-view.css b/src/back/jdd-components/split-view/split-view.css
index f5c2a18..a213e58 100644
--- a/src/back/jdd-components/split-view/split-view.css
+++ b/src/back/jdd-components/split-view/split-view.css
@@ -20,13 +20,11 @@
 		justify-content: center;
 
 		&:nth-child(1) {
-			grid-column-start: left-half-start;
-			grid-column-end: left-half-end;
+			grid-column: left-half;
 		}
 
 		&:nth-child(2) {
-			grid-column-start: right-half-start;
-			grid-column-end: right-half-end;
+			grid-column: right-half;
 		}
 	}
 
@@ -44,6 +42,7 @@
 
 	&.split-view--bleed--bleed {
 		grid-column: bleed;
+
 		.split-view__half {
 			&:nth-child(1) {
 				grid-column-start: bleed-start;
@@ -57,6 +56,7 @@
 
 	&.split-view--bleed-left--screen {
 		grid-column-start: screen-start;
+
 		.split-view__half {
 			&:nth-child(1) {
 				grid-column-start: screen-start;
@@ -66,6 +66,7 @@
 
 	&.split-view--bleed-right--screen {
 		grid-column-end: screen-end;
+
 		.split-view__half {
 			&:nth-child(2) {
 				grid-column-end: screen-end;
@@ -75,6 +76,7 @@
 
 	&.split-view--bleed-left--bleed {
 		grid-column-start: bleed-start;
+
 		.split-view__half {
 			&:nth-child(1) {
 				grid-column-start: bleed-start;
@@ -84,6 +86,7 @@
 
 	&.split-view--bleed-right--bleed {
 		grid-column-end: bleed-end;
+
 		.split-view__half {
 			&:nth-child(2) {
 				grid-column-end: bleed-end;