diff --git a/src/vs/workbench/contrib/preferences/browser/media/preferences.css b/src/vs/workbench/contrib/preferences/browser/media/preferences.css
index 18a8d426dacf355948a25808e934d0accc7e84e4..c9feed2905588632c32617aa9f7a17e1a1eaf39a 100644
--- a/src/vs/workbench/contrib/preferences/browser/media/preferences.css
+++ b/src/vs/workbench/contrib/preferences/browser/media/preferences.css
@@ -3,6 +3,11 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
+.preferences-editor {
+	display: flex;
+	flex-direction: column;
+}
+
 .preferences-editor > .preferences-header {
 	padding-left: 27px;
 	padding-right: 32px;
@@ -11,7 +16,7 @@
 }
 
 .preferences-editor > .preferences-editors-container.side-by-side-preferences-editor {
-	position: relative;
+	flex: 1;
 }
 
 .preferences-editor > .preferences-editors-container.side-by-side-preferences-editor .preferences-header-container {
@@ -245,4 +250,4 @@
 	padding: 10px;
 	border-radius: 5px;
 	cursor: pointer;
-}
\ No newline at end of file
+}