diff --git a/src/components/modals/main/settings/KeybindInput.jsx b/src/components/modals/main/settings/KeybindInput.jsx
index 70ffb1d5..a5b5b204 100644
--- a/src/components/modals/main/settings/KeybindInput.jsx
+++ b/src/components/modals/main/settings/KeybindInput.jsx
@@ -1,22 +1,22 @@
 import variables from 'modules/variables';
 
 export default function KeybindInput(props) {
-  const value = props.state[props.settingsName];
+  const value = props.state[props.setting];
 
   const getButton = () => {
     if (!value) {
       return null;
     } else if (value === variables.language.getMessage(variables.languagecode, 'modals.main.settings.sections.keybinds.recording')) {
-      return <span className='modalLink' onClick={() => props.cancel(props.settingsName)}>{variables.language.getMessage(variables.languagecode, 'modals.main.settings.sections.advanced.reset_modal.cancel')}</span>
+      return <span className='modalLink' onClick={() => props.action('cancel', props.setting)}>{variables.language.getMessage(variables.languagecode, 'modals.main.settings.sections.advanced.reset_modal.cancel')}</span>
     } else {
-      return <span className='modalLink' onClick={() => props.reset(props.settingsName)}>{variables.language.getMessage(variables.languagecode, 'modals.main.settings.buttons.reset')}</span>;
+      return <span className='modalLink' onClick={() => props.action('reset', props.setting)}>{variables.language.getMessage(variables.languagecode, 'modals.main.settings.buttons.reset')}</span>;
     }
   }
 
   return (
     <>
       <p>{props.name}</p>
-      <input type='text' onClick={() => props.set(props.settingsName)} value={value || variables.language.getMessage(variables.languagecode, 'modals.main.settings.sections.keybinds.click_to_record')} readOnly/>
+      <input type='text' onClick={() => props.action('listen', props.setting)} value={value || variables.language.getMessage(variables.languagecode, 'modals.main.settings.sections.keybinds.click_to_record')} readOnly/>
       {getButton()}
     </>
   );
diff --git a/src/components/modals/main/settings/sections/Keybinds.jsx b/src/components/modals/main/settings/sections/Keybinds.jsx
index 7a95ec6a..fff24f68 100644
--- a/src/components/modals/main/settings/sections/Keybinds.jsx
+++ b/src/components/modals/main/settings/sections/Keybinds.jsx
@@ -74,23 +74,41 @@ export default class KeybindSettings extends PureComponent {
     this.showReminder();
   }
 
+  action(action, e) {
+    switch (action) {
+      case 'listen':
+        this.listen(e);
+        break;
+      case 'cancel':
+        this.cancel(e);
+        break;
+      case 'reset':
+        this.reset(e);
+        break;
+      default:
+        break;
+    }
+  }
+
   render() {
+    const { getMessage, languagecode } = this;
+
     return (
       <>
-        <h2>{this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.title')}</h2>
-        <Switch name='keybindsEnabled' text={this.getMessage(this.languagecode, 'modals.main.settings.enabled')} element='.other' />
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.background.favourite')} state={this.state.keybinds} settingsName='favouriteBackground' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.background.maximise')} state={this.state.keybinds} settingsName='maximiseBackground' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.background.download')} state={this.state.keybinds} settingsName='downloadBackground' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.background.show_info')} state={this.state.keybinds} settingsName='showBackgroundInformation' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.quote.favourite')} state={this.state.keybinds} settingsName='favouriteQuote' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.quote.copy')} state={this.state.keybinds} settingsName='copyQuote' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.quote.tweet')} state={this.state.keybinds} settingsName='tweetQuote' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.notes.pin')} state={this.state.keybinds} settingsName='pinNotes' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.notes.copy')} state={this.state.keybinds} settingsName='copyNotes' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.search')} state={this.state.keybinds} settingsName='focusSearch' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.quicklinks')} state={this.state.keybinds} settingsName='toggleQuicklinks' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
-        <KeybindInput name={this.getMessage(this.languagecode, 'modals.main.settings.sections.keybinds.modal')} state={this.state.keybinds} settingsName='toggleModal' set={(e) => this.listen(e)} reset={(e) => this.reset(e)} cancel={(e) => this.cancel(e)}/>
+        <h2>{getMessage(languagecode, 'modals.main.settings.sections.keybinds.title')}</h2>
+        <Switch name='keybindsEnabled' text={getMessage(languagecode, 'modals.main.settings.enabled')} element='.other' />
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.background.favourite')} state={this.state.keybinds} setting='favouriteBackground' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.background.maximise')} state={this.state.keybinds} setting='maximiseBackground' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.background.download')} state={this.state.keybinds} setting='downloadBackground' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.background.show_info')} state={this.state.keybinds} setting='showBackgroundInformation' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.quote.favourite')} state={this.state.keybinds} setting='favouriteQuote' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.quote.copy')} state={this.state.keybinds} setting='copyQuote' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.quote.tweet')} state={this.state.keybinds} setting='tweetQuote' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.notes.pin')} state={this.state.keybinds} setting='pinNotes' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.notes.copy')} state={this.state.keybinds} setting='copyNotes' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.search')} state={this.state.keybinds} setting='focusSearch' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.quicklinks')} state={this.state.keybinds} setting='toggleQuicklinks' action={(type, e) => this.action(type, e)}/>
+        <KeybindInput name={getMessage(languagecode, 'modals.main.settings.sections.keybinds.modal')} state={this.state.keybinds} setting='toggleModal' action={(type, e) => this.action(type, e)}/>
       </>
     );
   }
diff --git a/src/components/modals/main/settings/sections/background/Background.jsx b/src/components/modals/main/settings/sections/background/Background.jsx
index 208721ca..ce015351 100644
--- a/src/components/modals/main/settings/sections/background/Background.jsx
+++ b/src/components/modals/main/settings/sections/background/Background.jsx
@@ -52,21 +52,13 @@ export default class BackgroundSettings extends PureComponent {
     localStorage.setItem('showReminder', true);
   }
 
-  addCustomBackground() {
+  modifyCustomBackground(type, index) {
     const customBackground = this.state.customBackground;
-    customBackground.push('');
-
-    this.setState({
-      customBackground
-    });
-    this.forceUpdate();
-
-    localStorage.setItem('customBackground', JSON.stringify(customBackground));
-  }
-
-  removeCustomBackground(index) { 
-    const customBackground = this.state.customBackground;
-    customBackground.splice(index, 1);
+    if (type === 'add') {
+      customBackground.push('');
+    } else {
+      customBackground.splice(index, 1);
+    }
 
     this.setState({
       customBackground
@@ -148,6 +140,8 @@ export default class BackgroundSettings extends PureComponent {
   }
 
   render() {
+    const { getMessage, languagecode } = this;
+
     let backgroundSettings;
 
     const apiOptions = [
@@ -168,29 +162,29 @@ export default class BackgroundSettings extends PureComponent {
     const APISettings = (
       <>
         <br/>
-        <Radio title={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.source.api')} options={apiOptions} name='backgroundAPI' category='background' element='#backgroundImage'/>
+        <Radio title={getMessage(languagecode, 'modals.main.settings.sections.background.source.api')} options={apiOptions} name='backgroundAPI' category='background' element='#backgroundImage'/>
         <br/>
-        <Dropdown label={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.category')} name='apiCategory'>
+        <Dropdown label={getMessage(languagecode, 'modals.main.settings.sections.background.category')} name='apiCategory'>
           {this.state.backgroundCategories.map((category) => (
             <option value={category} key={category}>{category.charAt(0).toUpperCase() + category.slice(1)}</option>
           ))}
         </Dropdown>
         <br/><br/>
-        <Dropdown label={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.source.quality.title')} name='apiQuality' element='.other'>
-          <option value='original'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.source.quality.original')}</option>
-          <option value='high'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.source.quality.high')}</option>
-          <option value='normal'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.source.quality.normal')}</option>
-          <option value='datasaver'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.source.quality.datasaver')}</option>
+        <Dropdown label={getMessage(languagecode, 'modals.main.settings.sections.background.source.quality.title')} name='apiQuality' element='.other'>
+          <option value='original'>{getMessage(languagecode, 'modals.main.settings.sections.background.source.quality.original')}</option>
+          <option value='high'>{getMessage(languagecode, 'modals.main.settings.sections.background.source.quality.high')}</option>
+          <option value='normal'>{getMessage(languagecode, 'modals.main.settings.sections.background.source.quality.normal')}</option>
+          <option value='datasaver'>{getMessage(languagecode, 'modals.main.settings.sections.background.source.quality.datasaver')}</option>
         </Dropdown>
         <br/><br/>
-        <Dropdown label={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.interval.title')} name='backgroundchange'>
-        <option value='refresh'>{this.getMessage(this.languagecode, 'tabname')}</option>
-          <option value='60000'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.interval.minute')}</option>
-          <option value='1800000'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.interval.half_hour')}</option>
-          <option value='3600000'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.interval.hour')}</option>
-          <option value='86400000'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.interval.day')}</option>
-          <option value='604800000'>{this.getMessage(this.languagecode, 'widgets.date.week')}</option>
-          <option value='2628000000'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.interval.month')}</option>
+        <Dropdown label={getMessage(languagecode, 'modals.main.settings.sections.background.interval.title')} name='backgroundchange'>
+        <option value='refresh'>{getMessage(languagecode, 'tabname')}</option>
+          <option value='60000'>{getMessage(languagecode, 'modals.main.settings.sections.background.interval.minute')}</option>
+          <option value='1800000'>{getMessage(languagecode, 'modals.main.settings.sections.background.interval.half_hour')}</option>
+          <option value='3600000'>{getMessage(languagecode, 'modals.main.settings.sections.background.interval.hour')}</option>
+          <option value='86400000'>{getMessage(languagecode, 'modals.main.settings.sections.background.interval.day')}</option>
+          <option value='604800000'>{getMessage(languagecode, 'widgets.date.week')}</option>
+          <option value='2628000000'>{getMessage(languagecode, 'modals.main.settings.sections.background.interval.month')}</option>
         </Dropdown>
       </>
     );
@@ -198,19 +192,19 @@ export default class BackgroundSettings extends PureComponent {
     const customSettings = (
       <>
         <ul>
-          <p>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.source.custom_background')} <span className='modalLink' onClick={this.resetCustom}>{this.getMessage(this.languagecode, 'modals.main.settings.buttons.reset')}</span></p>
+          <p>{getMessage(languagecode, 'modals.main.settings.sections.background.source.custom_background')} <span className='modalLink' onClick={this.resetCustom}>{getMessage(languagecode, 'modals.main.settings.buttons.reset')}</span></p>
           {this.state.customBackground.map((_url, index) => (
             <Fragment key={index}>
               <input type='text' value={this.state.customBackground[index]} onChange={(e) => this.customBackground(e, true, index)}></input>
-              {this.state.customBackground.length > 1 ? <button className='cleanButton' onClick={() => this.removeCustomBackground(index)}>
+              {this.state.customBackground.length > 1 ? <button className='cleanButton' onClick={() => this.modifyCustomBackground('remove', index)}>
                 <Cancel/>
               </button> : null}
-              <span className='modalLink' onClick={() => this.uploadCustombackground(index)}>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.source.ypload')}</span>
+              <span className='modalLink' onClick={() => this.uploadCustombackground(index)}>{getMessage(languagecode, 'modals.main.settings.sections.background.source.upload')}</span>
               {this.videoCustomSettings(index)}
               <br/><br/>  
             </Fragment>
           ))}
-          <button className='uploadbg' onClick={() => this.addCustomBackground()}>Add</button>
+          <button className='uploadbg' onClick={() => this.modifyCustomBackground('add')}>{getMessage(languagecode, 'modals.main.settings.sections.background.source.add_background')}</button>
           <FileUpload id='bg-input' accept='image/jpeg, image/png, image/webp, image/webm, image/gif, video/mp4, video/webm, video/ogg' loadFunction={(e) => this.customBackground(e, false, this.state.currentBackgroundIndex)} />
         </ul>
       </>
@@ -228,41 +222,41 @@ export default class BackgroundSettings extends PureComponent {
   
     return (
       <>
-        <h2>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.title')}</h2>
-        <Switch name='background' text={this.getMessage(this.languagecode, 'modals.main.settings.enabled')} category='background' element='#backgroundImage' />
-        <Checkbox name='ddgProxy' text={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.ddg_image_proxy')} element='.other' />
-        <Checkbox name='bgtransition' text={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.transition')} element='.other' />
-        <Checkbox name='photoInformation' text={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.photo_information')} element='.other' />
+        <h2>{getMessage(languagecode, 'modals.main.settings.sections.background.title')}</h2>
+        <Switch name='background' text={getMessage(languagecode, 'modals.main.settings.enabled')} category='background' element='#backgroundImage' />
+        <Checkbox name='ddgProxy' text={getMessage(languagecode, 'modals.main.settings.sections.background.ddg_image_proxy')} element='.other' />
+        <Checkbox name='bgtransition' text={getMessage(languagecode, 'modals.main.settings.sections.background.transition')} element='.other' />
+        <Checkbox name='photoInformation' text={getMessage(languagecode, 'modals.main.settings.sections.background.photo_information')} element='.other' />
         <Checkbox name='photoMap' text='Show location map on photo information if available' element='.other'/>
 
-        <h3>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.source.title')}</h3>
-        <Dropdown label={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.type.title')} name='backgroundType' onChange={(value) => this.setState({ backgroundType: value })} category='background'>
+        <h3>{getMessage(languagecode, 'modals.main.settings.sections.background.source.title')}</h3>
+        <Dropdown label={getMessage(languagecode, 'modals.main.settings.sections.background.type.title')} name='backgroundType' onChange={(value) => this.setState({ backgroundType: value })} category='background'>
           {this.marketplaceType()}
-          <option value='api'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.type.api')}</option>
-          <option value='custom'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.type.custom_image')}</option>
-          <option value='colour'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.type.custom_colour')}</option>
+          <option value='api'>{getMessage(languagecode, 'modals.main.settings.sections.background.type.api')}</option>
+          <option value='custom'>{getMessage(languagecode, 'modals.main.settings.sections.background.type.custom_image')}</option>
+          <option value='colour'>{getMessage(languagecode, 'modals.main.settings.sections.background.type.custom_colour')}</option>
         </Dropdown>
         <br/>
 
         {backgroundSettings}
 
-        <h3>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.buttons.title')}</h3>
-        <Checkbox name='view' text={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.buttons.view')} category='navbar' />
-        <Checkbox name='favouriteEnabled' text={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.buttons.favourite')} category='navbar' />
-        <Checkbox name='downloadbtn' text={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.buttons.download')} element='.other' />
+        <h3>{getMessage(languagecode, 'modals.main.settings.sections.background.buttons.title')}</h3>
+        <Checkbox name='view' text={getMessage(languagecode, 'modals.main.settings.sections.background.buttons.view')} category='navbar' />
+        <Checkbox name='favouriteEnabled' text={getMessage(languagecode, 'modals.main.settings.sections.background.buttons.favourite')} category='navbar' />
+        <Checkbox name='downloadbtn' text={getMessage(languagecode, 'modals.main.settings.sections.background.buttons.download')} element='.other' />
 
-        <h3>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.title')}</h3>
-        <Slider title={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.blur')} name='blur' min='0' max='100' default='0' display='%' category='background' element='#backgroundImage' />
-        <Slider title={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.brightness')} name='brightness' min='0' max='100' default='90' display='%' category='background' element='#backgroundImage' />
+        <h3>{getMessage(languagecode, 'modals.main.settings.sections.background.effects.title')}</h3>
+        <Slider title={getMessage(languagecode, 'modals.main.settings.sections.background.effects.blur')} name='blur' min='0' max='100' default='0' display='%' category='background' element='#backgroundImage' />
+        <Slider title={getMessage(languagecode, 'modals.main.settings.sections.background.effects.brightness')} name='brightness' min='0' max='100' default='90' display='%' category='background' element='#backgroundImage' />
         <br/><br/>
-        <Dropdown label={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.filters.title')} name='backgroundFilter' category='background' element='#backgroundImage'>
-          <option value='grayscale'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.filters.grayscale')}</option>
-          <option value='sepia'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.filters.sepia')}</option>
-          <option value='invert'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.filters.invert')}</option>
-          <option value='saturate'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.filters.saturate')}</option>
-          <option value='contrast'>{this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.filters.contrast')}</option>
+        <Dropdown label={getMessage(languagecode, 'modals.main.settings.sections.background.effects.filters.title')} name='backgroundFilter' category='background' element='#backgroundImage'>
+          <option value='grayscale'>{getMessage(languagecode, 'modals.main.settings.sections.background.effects.filters.grayscale')}</option>
+          <option value='sepia'>{getMessage(languagecode, 'modals.main.settings.sections.background.effects.filters.sepia')}</option>
+          <option value='invert'>{getMessage(languagecode, 'modals.main.settings.sections.background.effects.filters.invert')}</option>
+          <option value='saturate'>{getMessage(languagecode, 'modals.main.settings.sections.background.effects.filters.saturate')}</option>
+          <option value='contrast'>{getMessage(languagecode, 'modals.main.settings.sections.background.effects.filters.contrast')}</option>
         </Dropdown>
-        <Slider title={this.getMessage(this.languagecode, 'modals.main.settings.sections.background.effects.filters.amount')} name='backgroundFilterAmount' min='0' max='100' default='0' display='%' category='background' element='#backgroundImage' />
+        <Slider title={getMessage(languagecode, 'modals.main.settings.sections.background.effects.filters.amount')} name='backgroundFilterAmount' min='0' max='100' default='0' display='%' category='background' element='#backgroundImage' />
       </>
     );
   }
diff --git a/src/components/modals/main/settings/sections/background/Colour.jsx b/src/components/modals/main/settings/sections/background/Colour.jsx
index 4dd58dba..c1d7afa1 100644
--- a/src/components/modals/main/settings/sections/background/Colour.jsx
+++ b/src/components/modals/main/settings/sections/background/Colour.jsx
@@ -12,6 +12,7 @@ import '../../../scss/settings/react-color-picker-gradient-picker-custom-styles.
 export default class ColourSettings extends PureComponent {
   DefaultGradientSettings = { angle: '180', gradient: [{ colour: '#ffb032', stop: 0 }], type: 'linear' };
   GradientPickerInitalState = undefined;
+
   getMessage = (languagecode, text) => variables.language.getMessage(languagecode, text);
   languagecode = variables.languagecode;
   
diff --git a/src/translations/de_DE.json b/src/translations/de_DE.json
index 6b4d5324..e06b717f 100644
--- a/src/translations/de_DE.json
+++ b/src/translations/de_DE.json
@@ -166,6 +166,7 @@
               "custom_colour": "Benutzerdefinierter Hintergrundfarbe",
               "upload": "Hochladen",
               "add_colour": "Farbe hinzufügen",
+              "add_background": "Add background",
               "disabled": "Deaktiviert",
               "loop_video": "Video schleife",
               "mute_video": "Video stumm",
diff --git a/src/translations/en_GB.json b/src/translations/en_GB.json
index bc85bfe7..20dff25b 100644
--- a/src/translations/en_GB.json
+++ b/src/translations/en_GB.json
@@ -166,6 +166,7 @@
               "custom_colour": "Custom background colour",
               "upload": "Upload",
               "add_colour": "Add colour",
+              "add_background": "Add background",
               "disabled": "Disabled",
               "loop_video": "Loop video",
               "mute_video": "Mute video",
diff --git a/src/translations/en_US.json b/src/translations/en_US.json
index b6761775..adb2bfa5 100644
--- a/src/translations/en_US.json
+++ b/src/translations/en_US.json
@@ -166,6 +166,7 @@
               "custom_colour": "Custom background color",
               "upload": "Upload",
               "add_colour": "Add color",
+              "add_background": "Add background",
               "disabled": "Disabled",
               "loop_video": "Loop video",
               "mute_video": "Mute video",
diff --git a/src/translations/es.json b/src/translations/es.json
index fc6d6451..616e0531 100644
--- a/src/translations/es.json
+++ b/src/translations/es.json
@@ -166,6 +166,7 @@
               "custom_colour": "Color del fondo personalizado",
               "upload": "Subir",
               "add_colour": "Añadir color",
+              "add_background": "Add background",
               "disabled": "Desactivado",
               "loop_video": "Vídeo en bucle",
               "mute_video": "Silenciar video",
diff --git a/src/translations/fr.json b/src/translations/fr.json
index 6e69a8cb..9fa354cd 100644
--- a/src/translations/fr.json
+++ b/src/translations/fr.json
@@ -166,6 +166,7 @@
               "custom_colour": "Couleur d'arrière-plan personnalisée",
               "upload": "Ajouter",
               "add_colour": "Ajouter une couleur",
+              "add_background": "Add background",
               "disabled": "Disabled",
               "loop_video": "Boucle vidéo",
               "mute_video": "Mettre la vidéo en sourdine",
diff --git a/src/translations/nl.json b/src/translations/nl.json
index 11cdb57c..45911d3c 100644
--- a/src/translations/nl.json
+++ b/src/translations/nl.json
@@ -166,6 +166,7 @@
               "custom_colour": "Aangepaste achtergrondkleur",
               "upload": "Uploaden",
               "add_colour": "Kleur toevoegen",
+              "add_background": "Add background",
               "disabled": "Uitgeschakeld",
               "loop_video": "Loop video",
               "mute_video": "Mute video",
diff --git a/src/translations/no.json b/src/translations/no.json
index 5095e102..a1afba02 100644
--- a/src/translations/no.json
+++ b/src/translations/no.json
@@ -166,6 +166,7 @@
               "custom_colour": "Personlig Bakgrunn Farge",
               "upload": "Upload",
               "add_colour": "Legg til farge",
+              "add_background": "Add background",
               "disabled": "Disabled",
               "loop_video": "Loop video",
               "mute_video": "Mute video",
diff --git a/src/translations/ru.json b/src/translations/ru.json
index 0d9d867d..d9735329 100644
--- a/src/translations/ru.json
+++ b/src/translations/ru.json
@@ -166,6 +166,7 @@
               "custom_colour": "Пользовательский цвет фон",
               "upload": "Загрузить",
               "add_colour": "Добавить цвет",
+              "add_background": "Add background",
               "disabled": "Выключен",
               "loop_video": "Loop video",
               "mute_video": "Mute video",
diff --git a/src/translations/zh_CN.json b/src/translations/zh_CN.json
index bdd83775..70ae7f97 100644
--- a/src/translations/zh_CN.json
+++ b/src/translations/zh_CN.json
@@ -166,6 +166,7 @@
               "custom_colour": "自定义背景颜色",
               "upload": "上传",
               "add_colour": "添加颜色",
+              "add_background": "Add background",
               "disabled": "已禁用",
               "loop_video": "循环播放",
               "mute_video": "静音",