Settings editor - fix height difference between light/dark themes

src/vs/workbench/parts/codeEditor/browser/suggestEnabledInput.ts

@@ -186,9 +186,9 @@ export class SuggestEnabledInput extends Component {
 		this.placeholderText.style.color = this.getColor(inputPlaceholderForeground);
 
 		const inputBorderColor = this.getColor(inputBorder);
-		this.stylingContainer.style.borderWidth = inputBorderColor ? '1px' : null;
-		this.stylingContainer.style.borderStyle = inputBorderColor ? 'solid' : null;
-		this.stylingContainer.style.borderColor = inputBorderColor;
+		this.stylingContainer.style.borderWidth = '1px';
+		this.stylingContainer.style.borderStyle = 'solid';
+		this.stylingContainer.style.borderColor = inputBorderColor || 'transparent';
 
 		let cursor = this.stylingContainer.getElementsByClassName('cursor')[0] as HTMLDivElement;
 		if (cursor) {

src/vs/workbench/parts/preferences/browser/settingsEditor2.ts

@@ -904,7 +904,7 @@ export class SettingsEditor2 extends BaseEditor {
 	}
 
 	private layoutTrees(dimension: DOM.Dimension): void {
-		const listHeight = dimension.height - (95 + 11 /* header height + padding*/);
+		const listHeight = dimension.height - (97 + 11 /* header height + padding*/);
 		const settingsTreeHeight = listHeight - 14;
 		this.settingsTreeContainer.style.height = `${settingsTreeHeight}px`;
 		this.settingsTree.layout(settingsTreeHeight, 800);