diff --git a/tabby-terminal/src/components/colorSchemeSettingsTab.component.pug b/tabby-terminal/src/components/colorSchemeSettingsTab.component.pug
index 1f9ffbf4f6..ec2a034f3c 100644
--- a/tabby-terminal/src/components/colorSchemeSettingsTab.component.pug
+++ b/tabby-terminal/src/components/colorSchemeSettingsTab.component.pug
@@ -1,6 +1,6 @@
 h3.mb-3(translate) Color schemes
 
-.form-line
+.form-line.mb-4
     .header
         .title(translate) Switch color scheme
 
diff --git a/tabby-terminal/src/components/colorSchemeSettingsTab.component.ts b/tabby-terminal/src/components/colorSchemeSettingsTab.component.ts
index dc2d849fa8..71e0aa40bd 100644
--- a/tabby-terminal/src/components/colorSchemeSettingsTab.component.ts
+++ b/tabby-terminal/src/components/colorSchemeSettingsTab.component.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core'
-import { PlatformService } from 'tabby-core'
+import { ConfigService, PlatformService } from 'tabby-core'
 
 /** @hidden */
 @Component({
@@ -10,6 +10,7 @@ export class ColorSchemeSettingsTabComponent {
 
     constructor (
         platform: PlatformService,
+        public config: ConfigService,
     ) {
         this.defaultTab = platform.getTheme()
     }