diff --git a/src/main/base/store.ts b/src/main/base/store.ts
index 59567017..1ffbc502 100644
--- a/src/main/base/store.ts
+++ b/src/main/base/store.ts
@@ -49,7 +49,7 @@ export class Store {
                 "tab": "home",
                 "dynamicData": ""
             },
-            "keybind": {
+            "keybindings": {
                 "search": [
                     process.platform == "darwin" ? "Command" : "Control",
                     "S"
diff --git a/src/main/base/utils.ts b/src/main/base/utils.ts
index a7ce2760..9889c4ff 100644
--- a/src/main/base/utils.ts
+++ b/src/main/base/utils.ts
@@ -6,6 +6,7 @@ import {app, dialog, ipcMain, Notification, shell } from "electron";
 import fetch from "electron-fetch";
 import {AppImageUpdater, NsisUpdater} from "electron-updater";
 import * as log from "electron-log";
+import ElectronStore from "electron-store";
 
 export class utils {
 
@@ -79,6 +80,14 @@ export class utils {
         return Store.cfg.store
     }
 
+    /**
+     * Get the store instance
+     * @returns {Store}
+     */
+    static getStoreInstance(): ElectronStore {
+        return Store.cfg
+    }
+
     /**
      * Sets a store value
      * @param key
diff --git a/src/main/plugins/menubar.ts b/src/main/plugins/menubar.ts
index 38ac4886..b47dcabe 100644
--- a/src/main/plugins/menubar.ts
+++ b/src/main/plugins/menubar.ts
@@ -2,12 +2,6 @@ import {app, Menu, shell} from "electron";
 import {utils} from "../base/utils";
 
 export default class Thumbar {
-    /**
-     * Private variables for interaction in plugins
-     */
-    private _win: any;
-    private _app: any;
-    private _store: any;
 
     /**
      * Base Plugin Details (Eventually implemented into a GUI in settings)
@@ -15,27 +9,225 @@ export default class Thumbar {
     public name: string = 'Menubar Plugin';
     public description: string = 'Creates the menubar';
     public version: string = '1.0.0';
-    public author: string = 'Core / Quacksire';
-
-    /**
-     * Thumbnail Toolbar Assets
-     * NATIVE-IMAGE DOESN'T SUPPORT SVG
-     private icons: { [key: string]: Electron.NativeImage } = {
-        remoteIcon: nativeImage.createFromPath(join(utils.getPath('rendererPath'), 'views/svg/smartphone.svg')).toPNG(),
-        soundIcon: nativeImage.createFromPath(join(utils.getPath('rendererPath'), 'views/svg/headphones.svg')).toPNG(),
-        aboutIcon: nativeImage.createFromPath(join(utils.getPath('rendererPath'), 'views/svg/info.svg')).toPNG(),
-        settingsIcon: nativeImage.createFromPath(join(utils.getPath('rendererPath'), 'views/svg/settings.svg')).toPNG(),
-        logoutIcon: nativeImage.createFromPath(join(utils.getPath('rendererPath'), 'views/svg/log-out.svg')).toPNG(),
-        ciderIcon: nativeImage.createFromPath(join(utils.getPath('rendererPath'), 'assets/logocute.png')).toPNG(),
-    }
-     */
+    public author: string = 'Core';
+    public contributors: string[] = ['Core', 'Qwack', 'Monochromish'];
 
     /**
      * Menubar Assets
      * @private
      */
     private isMac: boolean = process.platform === 'darwin';
-    private _menuTemplate: any;
+    private _menuTemplate: any = [
+        {
+            label: app.getName(),
+            submenu: [
+                {
+                    label: 'About',
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.appRoute('about')`)
+                },
+                {type: 'separator'},
+                {
+                    label: 'Settings',
+                    accelerator: utils.getStoreValue("general.keybindings.settings").join('+'),
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.appRoute('settings')`)
+                },
+                {type: 'separator'},
+                {role: 'services'},
+                {type: 'separator'},
+                {role: 'hide'},
+                {role: 'hideOthers'},
+                {role: 'unhide'},
+                {type: 'separator'},
+                {role: 'quit'}
+            ]
+        },
+        {
+            label: 'View',
+            submenu: [
+                {role: 'reload'},
+                {role: 'forceReload'},
+                {role: 'toggleDevTools'},
+                {type: 'separator'},
+                {role: 'resetZoom'},
+                {role: 'zoomIn'},
+                {role: 'zoomOut'},
+                {type: 'separator'},
+                {role: 'togglefullscreen'},
+            ]
+        },
+        {
+            label: 'Window',
+            submenu: [
+                {role: 'minimize'},
+                {
+                    label: 'Show',
+                    click: () => utils.getWindow().show()
+                },
+                {role: 'zoom'},
+                ...(this.isMac ? [
+                    {type: 'separator'},
+                    {role: 'front'},
+                    {role: 'close'},
+                ] : [
+                    {role: 'close'},
+                ]),
+
+                {
+                    label: 'Edit',
+                    submenu: [
+                        {role: 'undo'},
+                        {role: 'redo'},
+                        {type: 'separator'},
+                        {role: 'cut'},
+                        {role: 'copy'},
+                        {role: 'paste'},
+                    ]
+                },
+                {type: 'separator'},
+                {
+                    label: 'Toggle Private Session',
+                    accelerator: utils.getStoreValue("general.keybindings.togglePrivateSession").join('+'),
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.cfg.general.privateEnabled = !app.cfg.general.privateEnabled`)
+                },
+                {type: 'separator'},
+                {
+                    label: 'Web Remote',
+                    accelerator: utils.getStoreValue("general.keybindings.webRemote").join('+'),
+                    sublabel: 'Opens in external window',
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.appRoute('remote-pair')`)
+                },
+                {
+                    label: 'Audio Settings',
+                    accelerator: utils.getStoreValue("general.keybindings.audioSettings").join('+'),
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.modals.audioSettings = true`)
+                },
+                {
+                    label: 'Plug-in Menu',
+                    accelerator: utils.getStoreValue("general.keybindings.pluginMenu").join('+'),
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.modals.pluginMenu = true`)
+                }
+            ]
+        },
+        {
+            label: 'Controls',
+            submenu: [
+                {
+                    label: 'Pause / Play',
+                    accelerator: 'Space',
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.SpacePause()`)
+                },
+                {
+                    label: 'Next',
+                    accelerator: 'CommandOrControl+Right',
+                    click: () => utils.getWindow().webContents.executeJavaScript(`MusicKitInterop.next()`)
+                },
+                {
+                    label: 'Previous',
+                    accelerator: 'CommandOrControl+Left',
+                    click: () => utils.getWindow().webContents.executeJavaScript(`MusicKitInterop.previous()`)
+                },
+                {type: 'separator'},
+                {
+                    label: 'Volume Up',
+                    accelerator: 'CommandOrControl+Up',
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.volumeUp()`)
+                },
+                {
+                    label: 'Volume Down',
+                    accelerator: 'CommandOrControl+Down',
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.volumeDown()`)
+                },
+                {
+                    label: 'Browse',
+                    accelerator: utils.getStoreValue("general.keybindings.browse").join('+'),
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.appRoute('browse')`)
+                },
+                {type: 'separator'},
+                {
+                    label: 'Artists',
+                    accelerator: utils.getStoreValue("general.keybindings.artists").join('+'),
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.appRoute('library-artists')`)
+                },
+                {
+                    label: 'Search',
+                    accelerator: utils.getStoreValue("general.keybindings.search").join('+'),
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.appRoute('search')`)
+                },
+                {type: 'separator'},
+                {
+                    label: 'Album',
+                    accelerator: utils.getStoreValue("general.keybindings.albums").join('+'),
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.appRoute('library-albums')`)
+                },
+                {type: 'separator'},
+                {
+                    label: 'Cast To Devices',
+                    accelerator: utils.getStoreValue("general.keybindings.castToDevices").join('+'),
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.modals.castMenu = true`)
+                }
+            ]
+        },
+        {
+            label: 'Account',
+            submenu: [
+                {
+                    label: 'Account Settings',
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.appRoute('apple-account-settings')`)
+                },
+                {
+                    label: 'Sign Out',
+                    click: () => utils.getWindow().webContents.executeJavaScript(`app.unauthorize()`)
+                }
+            ]
+        },
+        {
+            label: 'Support',
+            role: 'help',
+            submenu: [
+                {
+                    label: 'Discord',
+                    click: () => shell.openExternal("https://discord.gg/AppleMusic").catch(console.error)
+                },
+                {
+                    label: 'GitHub Wiki',
+                    click: () => shell.openExternal("https://github.com/ciderapp/Cider/wiki/Troubleshooting").catch(console.error)
+                },
+                {type: 'separator'},
+                {
+                    label: 'Report a...',
+                    submenu: [
+                        {
+                            label: 'Bug',
+                            click: () => shell.openExternal("https://github.com/ciderapp/Cider/issues/new?assignees=&labels=bug%2Ctriage&template=bug_report.yaml&title=%5BBug%5D%3A+").catch(console.error)
+                        },
+                        {
+                            label: 'Feature Request',
+                            click: () => shell.openExternal("https://github.com/ciderapp/Cider/discussions/new?category=feature-request").catch(console.error)
+                        },
+                        {
+                            label: 'Translation Report/Request',
+                            click: () => shell.openExternal("https://github.com/ciderapp/Cider/issues/new?assignees=&labels=%F0%9F%8C%90+Translations&template=translation.yaml&title=%5BTranslation%5D%3A+").catch(console.error)
+                        },
+                    ]
+                },
+                {type: 'separator'},
+                {
+                    label: 'View License',
+                    click: () => shell.openExternal("https://github.com/ciderapp/Cider/blob/main/LICENSE").catch(console.error)
+                },
+                {type: 'separator'},
+                {
+                    label: 'Toggle Developer Tools',
+                    accelerator: utils.getStoreValue("general.keybindings.openDeveloperTools").join('+'),
+                    click: () => utils.getWindow().webContents.openDevTools()
+                },
+                {
+                    label: 'Open Configuration File in Editor',
+                    click: () => utils.getStoreInstance().openInEditor()
+                }
+            ]
+        }
+    ];
 
     /*******************************************************************************************
      * Public Methods
@@ -44,230 +236,14 @@ export default class Thumbar {
     /**
      * Runs on plugin load (Currently run on application start)
      */
-    constructor(utils: { getApp: () => any; getStore: () => any; getWindow: () => any; }) {
-        this._app = utils.getApp();
-        this._store = utils.getStore();
-
-        this._menuTemplate = [
-            {
-                label: app.getName(),
-                submenu: [
-                    {
-                        label: 'About',
-                        click: () => this._win.webContents.executeJavaScript(`app.appRoute('about')`)
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'Settings',
-                        accelerator: this._store.general.keybind.settings.join('+'),
-                        click: () => this._win.webContents.executeJavaScript(`app.appRoute('settings')`)
-                    },
-                    {type: 'separator'},
-                    {role: 'services'},
-                    {type: 'separator'},
-                    {role: 'hide'},
-                    {role: 'hideOthers'},
-                    {role: 'unhide'},
-                    {type: 'separator'},
-                    {role: 'quit'}
-                ]
-            },
-            {
-                label: 'View',
-                submenu: [
-                    {role: 'reload'},
-                    {role: 'forceReload'},
-                    {role: 'toggleDevTools'},
-                    {type: 'separator'},
-                    {role: 'resetZoom'},
-                    {role: 'zoomIn'},
-                    {role: 'zoomOut'},
-                    {type: 'separator'},
-                    {role: 'togglefullscreen'},
-                ]
-            },
-            {
-                label: 'Window',
-                submenu: [
-                    {role: 'minimize'},
-                    {
-                        label: 'Show',
-                        click: () => utils.getWindow().show()
-                    },
-                    {role: 'zoom'},
-                    ...(this.isMac ? [
-                        {type: 'separator'},
-                        {role: 'front'},
-                        {role: 'close'},
-                    ] : [
-                        {role: 'close'},
-                    ]),
-    
-                    {
-                        label: 'Edit',
-                        submenu: [
-                            {role: 'undo'},
-                            {role: 'redo'},
-                            {type: 'separator'},
-                            {role: 'cut'},
-                            {role: 'copy'},
-                            {role: 'paste'},
-                        ]
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'Toggle Private Session',
-                        accelerator: this._store.general.keybind.togglePrivateSession.join('+'),
-                        click: () => this._win.webContents.executeJavaScript(`app.cfg.general.privateEnabled = !app.cfg.general.privateEnabled`)
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'Web Remote',
-                        accelerator: this._store.general.keybind.webRemote.join('+'),
-                        sublabel: 'Opens in external window',
-                        click: () => this._win.webContents.executeJavaScript(`app.appRoute('remote-pair')`)
-                    },
-                    {
-                        label: 'Audio Settings',
-                        accelerator: this._store.general.keybind.audioSettings.join('+'),
-                        click: () => this._win.webContents.executeJavaScript(`app.modals.audioSettings = true`)
-                    },
-                    {
-                        label: 'Plug-in Menu',
-                        accelerator: this._store.general.keybind.pluginMenu.join('+'),
-                        click: () => this._win.webContents.executeJavaScript(`app.modals.pluginMenu = true`)
-                    }
-                ]
-            },
-            {
-                label: 'Controls',
-                submenu: [
-                    {
-                        label: 'Pause / Play',
-                        accelerator: 'Space',
-                        click: () => this._win.webContents.executeJavaScript(`app.SpacePause()`)
-                    },
-                    {
-                        label: 'Next',
-                        accelerator: 'CommandOrControl+Right',
-                        click: () => this._win.webContents.executeJavaScript(`MusicKitInterop.next()`)
-                    },
-                    {
-                        label: 'Previous',
-                        accelerator: 'CommandOrControl+Left',
-                        click: () => this._win.webContents.executeJavaScript(`MusicKitInterop.previous()`)
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'Volume Up',
-                        accelerator: 'CommandOrControl+Up',
-                        click: () => this._win.webContents.executeJavaScript(`app.volumeUp()`)
-                    },
-                    {
-                        label: 'Volume Down',
-                        accelerator: 'CommandOrControl+Down',
-                        click: () => this._win.webContents.executeJavaScript(`app.volumeDown()`)
-                    },
-                    {
-                        label: 'Browse',
-                        accelerator: this._store.general.keybind.browse.join('+'),
-                        click: () => this._win.webContents.executeJavaScript(`app.appRoute('browse')`)
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'Artists',
-                        accelerator: this._store.general.keybind.artists.join('+'),
-                        click: () => this._win.webContents.executeJavaScript(`app.appRoute('library-artists')`)
-                    },
-                    {
-                        label: 'Search',
-                        accelerator: this._store.general.keybind.search.join('+'),
-                        click: () => this._win.webContents.executeJavaScript(`app.appRoute('search')`)
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'Album',
-                        accelerator: this._store.general.keybind.albums.join('+'),
-                        click: () => this._win.webContents.executeJavaScript(`app.appRoute('library-albums')`)
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'Cast To Devices',
-                        accelerator: this._store.general.keybind.castToDevices.join('+'),
-                        click: () => this._win.webContents.executeJavaScript(`app.modals.castMenu = true`)
-                    }
-                ]
-            },
-            {
-                label: 'Account',
-                submenu: [
-                    {
-                        label: 'Account Settings',
-                        click: () => this._win.webContents.executeJavaScript(`app.appRoute('apple-account-settings')`)
-                    },
-                    {
-                        label: 'Sign Out',
-                        click: () => this._win.webContents.executeJavaScript(`app.unauthorize()`)
-                    }
-                ]
-            },
-            {
-                label: 'Support',
-                role: 'help',
-                submenu: [
-                    {
-                        label: 'Discord',
-                        click: () => shell.openExternal("https://discord.gg/AppleMusic").catch(console.error)
-                    },
-                    {
-                        label: 'GitHub Wiki',
-                        click: () => shell.openExternal("https://github.com/ciderapp/Cider/wiki/Troubleshooting").catch(console.error)
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'Report a...',
-                        submenu: [
-                            {
-                                label: 'Bug',
-                                click: () => shell.openExternal("https://github.com/ciderapp/Cider/issues/new?assignees=&labels=bug%2Ctriage&template=bug_report.yaml&title=%5BBug%5D%3A+").catch(console.error)
-                            },
-                            {
-                                label: 'Feature Request',
-                                click: () => shell.openExternal("https://github.com/ciderapp/Cider/discussions/new?category=feature-request").catch(console.error)
-                            },
-                            {
-                                label: 'Translation Report/Request',
-                                click: () => shell.openExternal("https://github.com/ciderapp/Cider/issues/new?assignees=&labels=%F0%9F%8C%90+Translations&template=translation.yaml&title=%5BTranslation%5D%3A+").catch(console.error)
-                            },
-                        ]
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'View License',
-                        click: () => shell.openExternal("https://github.com/ciderapp/Cider/blob/main/LICENSE").catch(console.error)
-                    },
-                    {type: 'separator'},
-                    {
-                        label: 'Toggle Developer Tools',
-                        accelerator: this._store.general.keybind.openDeveloperTools.join('+'),
-                        click: () => this._win.webContents.openDevTools()
-                    },
-                    {
-                        label: 'Open Configuration File in Editor',
-                        click: () => this._store.openInEditor()
-                    }
-                ]
-            }
-        ];
-
+    constructor(_utils: utils) {
         console.debug(`[Plugin][${this.name}] Loading Complete.`);
     }
 
     /**
      * Runs on app ready
      */
-    onReady(win: Electron.BrowserWindow): void {
-        this._win = win;
+    onReady(_win: Electron.BrowserWindow): void {
         const menu = Menu.buildFromTemplate(this._menuTemplate);
         Menu.setApplicationMenu(menu)
     }
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index a5b44296..bacca2d8 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -23,7 +23,11 @@
                                 {{$root.getLz('term.privateSession')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="$root.cfg.general.privateEnabled" v-on:change="$root.mk.privateEnabled = $root.cfg.general.privateEnabled" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="$root.cfg.general.privateEnabled"
+                                           v-on:change="$root.mk.privateEnabled = $root.cfg.general.privateEnabled"
+                                           switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line" v-show="app.platform !== 'linux'">
@@ -31,7 +35,9 @@
                                 {{$root.getLz('settings.option.window.openOnStartup')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.general.onStartup.enabled" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.general.onStartup.enabled" switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line" v-show="app.cfg.general.onStartup.enabled">
@@ -39,7 +45,9 @@
                                 {{$root.getLz('settings.option.window.openOnStartup.hidden')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.general.onStartup.hidden" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.general.onStartup.hidden" switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -54,11 +62,18 @@
                                 </small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" style="width:180px;" v-model="$root.cfg.general.resumeOnStartupBehavior">
-                                    <option value="disabled">{{$root.getLz('term.disabled')}}</option>
-                                    <option value="local">{{$root.getLz('settings.option.general.resumebehavior.locally')}}</option>
-                                    <option value="history">{{$root.getLz('settings.option.general.resumebehavior.history')}}</option>
-                                </select>
+                                <label>
+                                    <select class="md-select" style="width:180px;"
+                                            v-model="$root.cfg.general.resumeOnStartupBehavior">
+                                        <option value="disabled">{{$root.getLz('term.disabled')}}</option>
+                                        <option value="local">
+                                            {{$root.getLz('settings.option.general.resumebehavior.locally')}}
+                                        </option>
+                                        <option value="history">
+                                            {{$root.getLz('settings.option.general.resumebehavior.history')}}
+                                        </option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -71,16 +86,21 @@
                                 </small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" style="width:180px;" v-model="$root.cfg.general.resumeTabs.tab">
-                                    <option value="home">{{$root.getLz('home.title')}}</option>
-                                    <option value="library-recentlyadded">{{$root.getLz('term.recentlyAdded')}}</option>
-                                    <option value="library-songs">{{$root.getLz('term.songs')}}</option>
-                                    <option value="library-albums">{{$root.getLz('term.albums')}}</option>
-                                    <option value="library-artists">{{$root.getLz('term.artists')}}</option>
-                                    <option value="library-videos">{{$root.getLz('term.videos')}}</option>
-                                    <option value="podcasts">{{$root.getLz('term.podcasts')}}</option>
-                                    <option value="dynamic">{{$root.getLz('settings.option.general.resumetabs.dynamic')}}</option>
-                                </select>
+                                <label>
+                                    <select class="md-select" style="width:180px;"
+                                            v-model="$root.cfg.general.resumeTabs.tab">
+                                        <option value="home">{{$root.getLz('home.title')}}</option>
+                                        <option value="library-recentlyadded">{{$root.getLz('term.recentlyAdded')}}</option>
+                                        <option value="library-songs">{{$root.getLz('term.songs')}}</option>
+                                        <option value="library-albums">{{$root.getLz('term.albums')}}</option>
+                                        <option value="library-artists">{{$root.getLz('term.artists')}}</option>
+                                        <option value="library-videos">{{$root.getLz('term.videos')}}</option>
+                                        <option value="podcasts">{{$root.getLz('term.podcasts')}}</option>
+                                        <option value="dynamic">
+                                            {{$root.getLz('settings.option.general.resumetabs.dynamic')}}
+                                        </option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -92,14 +112,18 @@
                                     {{$root.getLz('settings.option.general.customizeSidebar.customize')}}
                                 </button>
                             </div>
-                            <b-modal id="modal-1" centered  size="lg" :title="$root.getLz('settings.option.general.customizeSidebar')">
+                            <b-modal id="modal-1" centered size="lg"
+                                     :title="$root.getLz('settings.option.general.customizeSidebar')">
                                 <div class="settings-option-body">
                                     <div class="md-option-line">
                                         <div class="md-option-segment">
                                             {{ $root.getLz('term.recentlyAdded') }}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <input type="checkbox" v-model="app.cfg.general.sidebarItems.recentlyAdded" switch/>
+                                            <label>
+                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.recentlyAdded"
+                                                       switch/>
+                                            </label>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
@@ -107,7 +131,9 @@
                                             {{ $root.getLz('term.songs') }}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <input type="checkbox" v-model="app.cfg.general.sidebarItems.songs" switch/>
+                                            <label>
+                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.songs" switch/>
+                                            </label>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
@@ -115,7 +141,10 @@
                                             {{ $root.getLz('term.albums') }}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <input type="checkbox" v-model="app.cfg.general.sidebarItems.albums" switch/>
+                                            <label>
+                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.albums"
+                                                       switch/>
+                                            </label>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
@@ -123,7 +152,10 @@
                                             {{ $root.getLz('term.artists') }}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <input type="checkbox" v-model="app.cfg.general.sidebarItems.artists" switch/>
+                                            <label>
+                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.artists"
+                                                       switch/>
+                                            </label>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
@@ -131,7 +163,10 @@
                                             {{ $root.getLz('term.videos') }}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <input type="checkbox" v-model="app.cfg.general.sidebarItems.videos" switch/>
+                                            <label>
+                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.videos"
+                                                       switch/>
+                                            </label>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
@@ -139,7 +174,10 @@
                                             {{ $root.getLz('term.podcasts') }}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <input type="checkbox" v-model="app.cfg.general.sidebarItems.podcasts" switch/>
+                                            <label>
+                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.podcasts"
+                                                       switch/>
+                                            </label>
                                         </div>
                                     </div>
                                 </div>
@@ -154,55 +192,61 @@
                                     {{$root.getLz('settings.option.general.keybindings.open')}}
                                 </button>
                             </div>
-                            <b-modal id="modal-2" centered  size="lg" :title="$root.getLz('settings.option.general.keybindings')" ok-only>
+                            <b-modal id="modal-2" centered size="lg"
+                                     :title="$root.getLz('settings.option.general.keybindings')" ok-only>
                                 <div class="settings-option-body">
                                     <div class="md-option-line">
                                         <div class="md-option-segment">
                                             {{$root.getLz('settings.description.search')}}
-                                        </div>        
+                                        </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('search')">
-                                                {{app.cfg.general.keybind.search.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('search')">
+                                                {{app.cfg.general.keybindings.search.join(' + ')}}
                                             </button>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
                                         <div class="md-option-segment">
                                             {{$root.getLz('settings.description.albums')}}
-                                        </div>        
+                                        </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('albums')">
-                                                {{app.cfg.general.keybind.albums.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('albums')">
+                                                {{app.cfg.general.keybindings.albums.join(' + ')}}
                                             </button>
-                                        </div>  
+                                        </div>
                                     </div>
                                     <div class="md-option-line">
                                         <div class="md-option-segment">
                                             {{$root.getLz('settings.description.artists')}}
-                                        </div>        
+                                        </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('artists')">
-                                                {{app.cfg.general.keybind.artists.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('artists')">
+                                                {{app.cfg.general.keybindings.artists.join(' + ')}}
                                             </button>
-                                        </div> 
+                                        </div>
                                     </div>
                                     <div class="md-option-line">
                                         <div class="md-option-segment">
                                             {{$root.getLz('settings.description.browse')}}
-                                        </div>        
+                                        </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('browse')">
-                                                {{app.cfg.general.keybind.browse.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('browse')">
+                                                {{app.cfg.general.keybindings.browse.join(' + ')}}
                                             </button>
                                         </div>
-                                    </div>                               
+                                    </div>
                                     <div class="md-option-line">
                                         <div class="md-option-segment">
                                             {{$root.getLz('settings.description.private')}}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('togglePrivateSession')">
-                                                {{app.cfg.general.keybind.togglePrivateSession.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('togglePrivateSession')">
+                                                {{app.cfg.general.keybindings.togglePrivateSession.join(' + ')}}
                                             </button>
                                         </div>
                                     </div>
@@ -211,8 +255,9 @@
                                             {{$root.getLz('settings.description.remote')}}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('webRemote')">
-                                                {{app.cfg.general.keybind.webRemote.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('webRemote')">
+                                                {{app.cfg.general.keybindings.webRemote.join(' + ')}}
                                             </button>
                                         </div>
                                     </div>
@@ -221,8 +266,9 @@
                                             {{$root.getLz('settings.description.audio')}}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('audioSettings')">
-                                                {{app.cfg.general.keybind.audioSettings.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('audioSettings')">
+                                                {{app.cfg.general.keybindings.audioSettings.join(' + ')}}
                                             </button>
                                         </div>
                                     </div>
@@ -231,8 +277,9 @@
                                             {{$root.getLz('settings.description.plugins')}}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('pluginMenu')">
-                                                {{app.cfg.general.keybind.pluginMenu.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('pluginMenu')">
+                                                {{app.cfg.general.keybindings.pluginMenu.join(' + ')}}
                                             </button>
                                         </div>
                                     </div>
@@ -241,28 +288,31 @@
                                             {{$root.getLz('settings.description.cast')}}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('castToDevices')">
-                                                {{app.cfg.general.keybind.castToDevices.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('castToDevices')">
+                                                {{app.cfg.general.keybindings.castToDevices.join(' + ')}}
                                             </button>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
                                         <div class="md-option-segment">
                                             {{$root.getLz('settings.description.settings')}}
-                                        </div>        
+                                        </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('settings')">
-                                                {{app.cfg.general.keybind.settings.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('settings')">
+                                                {{app.cfg.general.keybindings.settings.join(' + ')}}
                                             </button>
-                                        </div>   
+                                        </div>
                                     </div>
                                     <div class="md-option-line">
                                         <div class="md-option-segment">
                                             {{$root.getLz('settings.description.developer')}}
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto">
-                                            <button class="md-btn md-btn-small md-btn-block" @click="keyBindUpdate('openDeveloperTools')">
-                                                {{app.cfg.general.keybind.openDeveloperTools.join(' + ')}}
+                                            <button class="md-btn md-btn-small md-btn-block"
+                                                    @click="keyBindUpdate('openDeveloperTools')">
+                                                {{app.cfg.general.keybindings.openDeveloperTools.join(' + ')}}
                                             </button>
                                         </div>
                                     </div>
@@ -287,13 +337,19 @@
                                 {{$root.getLz('settings.option.audio.quality')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" style="width:180px;" v-model="app.cfg.audio.quality"
-                                        v-on:change="changeAudioQuality">
-                                    <!-- // <option value="">{{$root.getLz('settings.header.audio.quality.hireslossless')}}</option> -->
-                                    <!-- <option value="">{{$root.getLz('settings.header.audio.quality.lossless')}}</option> -->
-                                    <option value="HIGH">{{$root.getLz('settings.header.audio.quality.high')}} ({{$root.getLz('settings.header.audio.quality.high.description')}})</option>
-                                    <option value="STANDARD">{{$root.getLz('settings.header.audio.quality.standard')}} ({{$root.getLz('settings.header.audio.quality.standard.description')}})</option>
-                                </select>
+                                <label>
+                                    <select class="md-select" style="width:180px;" v-model="app.cfg.audio.quality"
+                                            v-on:change="changeAudioQuality">
+                                        <!-- // <option value="">{{$root.getLz('settings.header.audio.quality.hireslossless')}}</option> -->
+                                        <!-- <option value="">{{$root.getLz('settings.header.audio.quality.lossless')}}</option> -->
+                                        <option value="HIGH">{{$root.getLz('settings.header.audio.quality.high')}}
+                                            ({{$root.getLz('settings.header.audio.quality.high.description')}})
+                                        </option>
+                                        <option value="STANDARD">{{$root.getLz('settings.header.audio.quality.standard')}}
+                                            ({{$root.getLz('settings.header.audio.quality.standard.description')}})
+                                        </option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -321,7 +377,11 @@
                                 {{$root.getLz('settings.option.audio.seamlessTransition')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.audio.seamless_audio" v-on:change="app.mk._bag.features['seamless-audio-transitions'] = app.cfg.audio.seamless_audio" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.audio.seamless_audio"
+                                           v-on:change="app.mk._bag.features['seamless-audio-transitions'] = app.cfg.audio.seamless_audio"
+                                           switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -331,8 +391,11 @@
                                 <small>{{$root.getLz('settings.option.audio.enableAdvancedFunctionality.description')}}</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.advanced.AudioContext" v-on:change="toggleAudioContext"
-                                       switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.advanced.AudioContext"
+                                           v-on:change="toggleAudioContext"
+                                           switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line" v-show="app.cfg.advanced.AudioContext">
@@ -360,11 +423,19 @@
                         <div class="md-option-line" v-show="app.cfg.advanced.AudioContext">
                             <div class="md-option-segment" style="white-space: pre-line;">
                                 {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization')}}
-                                <small>{{app.cfg.audio.equalizer.vibrantBass != 0 || app.cfg.audio.maikiwiAudio.spatial === true || app.cfg.audio.maikiwiAudio.ciderPPE === true ? `${$root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization.description')}\n${$root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization.disabled')}` : $root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization.description')}}</small>
+                                <small>{{app.cfg.audio.equalizer.vibrantBass != 0 || app.cfg.audio.maikiwiAudio.spatial
+                                    === true || app.cfg.audio.maikiwiAudio.ciderPPE === true ?
+                                    `${$root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization.description')}\n${$root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization.disabled')}`
+                                    :
+                                    $root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization.description')}}</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.audio.normalization" v-on:change="toggleNormalization"
-                                :disabled="app.cfg.audio.spatial === true || app.cfg.audio.maikiwiAudio.spatial === true || app.cfg.audio.maikiwiAudio.ciderPPE === true || app.cfg.audio.maikiwiAudio.atmosphereRealizer === true" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.audio.normalization"
+                                           v-on:change="toggleNormalization"
+                                           :disabled="app.cfg.audio.spatial === true || app.cfg.audio.maikiwiAudio.spatial === true || app.cfg.audio.maikiwiAudio.ciderPPE === true || app.cfg.audio.maikiwiAudio.atmosphereRealizer === true"
+                                           switch/>
+                                </label>
                             </div>
                         </div>
                     </div>
@@ -382,12 +453,19 @@
                                 {{$root.getLz('settings.header.visual.theme')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" @change="$root.setTheme($root.cfg.visual.theme)" v-model="$root.cfg.visual.theme">
-                                    <option value="default.less">{{$root.getLz('settings.option.visual.theme.default')}}</option>
-                                    <option value="dark.less">{{$root.getLz('settings.option.visual.theme.dark')}}</option>
-                                    <option v-for="theme in themes" :value="theme.file">{{ theme.name }}</option>
-                                </select>
-                                <button class="md-btn md-btn-small md-btn-block" @click="gitHubExplore()" style="margin-top: 8px">
+                                <label>
+                                    <select class="md-select" @change="$root.setTheme($root.cfg.visual.theme)"
+                                            v-model="$root.cfg.visual.theme">
+                                        <option value="default.less">
+                                            {{$root.getLz('settings.option.visual.theme.default')}}
+                                        </option>
+                                        <option value="dark.less">{{$root.getLz('settings.option.visual.theme.dark')}}
+                                        </option>
+                                        <option v-for="theme in themes" :value="theme.file">{{ theme.name }}</option>
+                                    </select>
+                                </label>
+                                <button class="md-btn md-btn-small md-btn-block" @click="gitHubExplore()"
+                                        style="margin-top: 8px">
                                     {{$root.getLz('settings.option.visual.theme.github.explore')}}
                                 </button>
                             </div>
@@ -397,10 +475,12 @@
                                 {{$root.getLz("settings.option.visual.windowStyle")}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" v-model="$root.cfg.visual.directives.windowLayout">
-                                    <option value="default">Cupertino</option>
-                                    <option value="twopanel">Redmond</option>
-                                </select>
+                                <label>
+                                    <select class="md-select" v-model="$root.cfg.visual.directives.windowLayout">
+                                        <option value="default">Cupertino</option>
+                                        <option value="twopanel">Redmond</option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -408,20 +488,23 @@
                                 {{$root.getLz('settings.option.visual.windowBackgroundStyle')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" @change="windowBgStyleChange"
-                                        v-model="app.cfg.visual.window_background_style">
-                                    <option value="none">{{$root.getLz('settings.header.visual.windowBackgroundStyle.none')}}
-                                    </option>
-                                    <option value="artwork">
-                                        {{$root.getLz('settings.header.visual.windowBackgroundStyle.artwork')}}
-                                    </option>
-                                    <option value="image">
-                                        {{$root.getLz('settings.header.visual.windowBackgroundStyle.image')}}
-                                    </option>
-                                    <option value="mica">
-                                        Mica (Beta)
-                                    </option>
-                                </select>
+                                <label>
+                                    <select class="md-select" @change="windowBgStyleChange"
+                                            v-model="app.cfg.visual.window_background_style">
+                                        <option value="none">
+                                            {{$root.getLz('settings.header.visual.windowBackgroundStyle.none')}}
+                                        </option>
+                                        <option value="artwork">
+                                            {{$root.getLz('settings.header.visual.windowBackgroundStyle.artwork')}}
+                                        </option>
+                                        <option value="image">
+                                            {{$root.getLz('settings.header.visual.windowBackgroundStyle.image')}}
+                                        </option>
+                                        <option value="mica">
+                                            Mica (Beta)
+                                        </option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -429,14 +512,19 @@
                                 {{$root.getLz('settings.option.visual.animatedArtwork')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" v-model="app.cfg.visual.animated_artwork">
-                                    <option value="always">{{$root.getLz('settings.header.visual.animatedArtwork.always')}}
-                                    </option>
-                                    <option value="limited">{{$root.getLz('settings.header.visual.animatedArtwork.limited')}}
-                                    </option>
-                                    <option value="disabled">{{$root.getLz('settings.header.visual.animatedArtwork.disable')}}
-                                    </option>
-                                </select>
+                                <label>
+                                    <select class="md-select" v-model="app.cfg.visual.animated_artwork">
+                                        <option value="always">
+                                            {{$root.getLz('settings.header.visual.animatedArtwork.always')}}
+                                        </option>
+                                        <option value="limited">
+                                            {{$root.getLz('settings.header.visual.animatedArtwork.limited')}}
+                                        </option>
+                                        <option value="disabled">
+                                            {{$root.getLz('settings.header.visual.animatedArtwork.disable')}}
+                                        </option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line"
@@ -445,19 +533,25 @@
                                 {{$root.getLz('settings.option.visual.animatedArtworkQuality')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" v-model="app.cfg.visual.animated_artwork_qualityLevel">
-                                    <option value="0">{{$root.getLz('settings.header.visual.animatedArtworkQuality.low')}}
-                                    </option>
-                                    <option value="1">{{$root.getLz('settings.header.visual.animatedArtworkQuality.medium')}}
-                                    </option>
-                                    <option value="2">{{$root.getLz('settings.header.visual.animatedArtworkQuality.high')}}
-                                    </option>
-                                    <option value="3">
-                                        {{$root.getLz('settings.header.visual.animatedArtworkQuality.veryHigh')}}
-                                    </option>
-                                    <option value="4">{{$root.getLz('settings.header.visual.animatedArtworkQuality.extreme')}}
-                                    </option>
-                                </select>
+                                <label>
+                                    <select class="md-select" v-model="app.cfg.visual.animated_artwork_qualityLevel">
+                                        <option value="0">
+                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.low')}}
+                                        </option>
+                                        <option value="1">
+                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.medium')}}
+                                        </option>
+                                        <option value="2">
+                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.high')}}
+                                        </option>
+                                        <option value="3">
+                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.veryHigh')}}
+                                        </option>
+                                        <option value="4">
+                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.extreme')}}
+                                        </option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -465,7 +559,9 @@
                                 {{$root.getLz('settings.option.visual.animatedWindowBackground')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" switch v-model="app.cfg.visual.bg_artwork_rotation"/>
+                                <label>
+                                    <input type="checkbox" switch v-model="app.cfg.visual.bg_artwork_rotation"/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -473,7 +569,10 @@
                                 {{$root.getLz('settings.option.visual.uiscale')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="number" min="0.5" max="4.0" step="0.25" @change="$root.getHTMLStyle()" v-model="app.cfg.visual.uiScale"/>
+                                <label>
+                                    <input type="number" min="0.5" max="4.0" step="0.25" @change="$root.getHTMLStyle()"
+                                           v-model="app.cfg.visual.uiScale"/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -482,15 +581,17 @@
                                 <small>({{$root.getLz('settings.option.visual.hardwareAcceleration.description')}})</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" style="width:180px;" v-model="app.cfg.visual.hw_acceleration">
-                                    <option value="default">
-                                        {{$root.getLz('settings.header.visual.hardwareAcceleration.default')}}
-                                    </option>
-                                    <option value="webgpu">
-                                        {{$root.getLz('settings.header.visual.hardwareAcceleration.webGPU')}}
-                                    </option>
-                                    <option value="disabled">{{$root.getLz('term.disabled')}}</option>
-                                </select>
+                                <label>
+                                    <select class="md-select" style="width:180px;" v-model="app.cfg.visual.hw_acceleration">
+                                        <option value="default">
+                                            {{$root.getLz('settings.header.visual.hardwareAcceleration.default')}}
+                                        </option>
+                                        <option value="webgpu">
+                                            {{$root.getLz('settings.header.visual.hardwareAcceleration.webGPU')}}
+                                        </option>
+                                        <option value="disabled">{{$root.getLz('term.disabled')}}</option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -498,8 +599,11 @@
                                 {{$root.getLz('settings.option.visual.showPersonalInfo')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.visual.showuserinfo" v-on:change="toggleUserInfo"
-                                       switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.visual.showuserinfo"
+                                           v-on:change="toggleUserInfo"
+                                           switch/>
+                                </label>
                             </div>
                         </div>
                     </div>
@@ -513,7 +617,9 @@
                                 {{$root.getLz("settings.option.window.close_button_hide")}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.general.close_button_hide" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.general.close_button_hide" switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line" v-show="app.platform !== 'darwin'">
@@ -522,7 +628,9 @@
                                 <small>({{$root.getLz("settings.option.visual.hardwareAcceleration.description")}})</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.visual.nativeTitleBar" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.visual.nativeTitleBar" switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line" v-show="app.platform !== 'darwin'">
@@ -530,10 +638,16 @@
                                 {{$root.getLz("settings.option.window.windowControlStyle")}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" v-model="app.cfg.visual.windowControlPosition">
-                                    <option value="0">{{$root.getLz("settings.option.window.windowControlStyle.right")}}</option>
-                                    <option value="1">{{$root.getLz("settings.option.window.windowControlStyle.left")}}</option>
-                                </select>
+                                <label>
+                                    <select class="md-select" v-model="app.cfg.visual.windowControlPosition">
+                                        <option value="0">
+                                            {{$root.getLz("settings.option.window.windowControlStyle.right")}}
+                                        </option>
+                                        <option value="1">
+                                            {{$root.getLz("settings.option.window.windowControlStyle.left")}}
+                                        </option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                     </div>
@@ -552,18 +666,22 @@
                                     {{$root.getLz('settings.option.lyrics.enableMusixmatch')}}
                                 </div>
                                 <div class="md-option-segment md-option-segment_auto">
-                                    <input type="checkbox" switch checked/>
+                                    <label>
+                                        <input type="checkbox" switch checked/>
+                                    </label>
                                     <!-- <input type="checkbox" v-model="app.cfg.lyrics.enable_mxm" switch /> -->
                                 </div>
                             </div>
                         </div>
                         <div class="md-option-line">
-                        <!-- <div class="md-option-line" v-if="app.cfg.lyrics.enable_mxm"> -->
+                            <!-- <div class="md-option-line" v-if="app.cfg.lyrics.enable_mxm"> -->
                             <div class="md-option-segment">
                                 {{$root.getLz('settings.option.lyrics.enableMusixmatchKaraoke')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.lyrics.mxm_karaoke" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.lyrics.mxm_karaoke" switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -571,274 +689,276 @@
                                 {{$root.getLz('settings.option.lyrics.musixmatchPreferredLanguage')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" v-model="app.cfg.lyrics.mxm_language">
-                                    <option value='disabled'>Disabled</option>
-                                    <option value='ab'>Abkhazian</option>
-                                    <option value='aa'>Afar</option>
-                                    <option value='af'>Afrikaans</option>
-                                    <option value='ak'>Akan</option>
-                                    <option value='sq'>Albanian</option>
-                                    <option value='am'>Amharic</option>
-                                    <option value='ar'>Arabic</option>
-                                    <option value='an'>Aragonese</option>
-                                    <option value='hy'>Armenian</option>
-                                    <option value='as'>Assamese</option>
-                                    <option value='a5'>Assamese-romaji</option>
-                                    <option value='a3'>Asturian</option>
-                                    <option value='av'>Avaric</option>
-                                    <option value='ae'>Avestan</option>
-                                    <option value='ay'>Aymara</option>
-                                    <option value='az'>Azerbaijani</option>
-                                    <option value='bm'>Bambara</option>
-                                    <option value='ba'>Bashkir</option>
-                                    <option value='eu'>Basque</option>
-                                    <option value='b1'>Bavarian</option>
-                                    <option value='be'>Belarusian</option>
-                                    <option value='bn'>Bengali</option>
-                                    <option value='b5'>Bengali-romaji</option>
-                                    <option value='bh'>Bihari languages</option>
-                                    <option value='b3'>Bishnupriya</option>
-                                    <option value='bi'>Bislama</option>
-                                    <option value='bs'>Bosnian</option>
-                                    <option value='br'>Breton</option>
-                                    <option value='bg'>Bulgarian</option>
-                                    <option value='my'>Burmese</option>
-                                    <option value='ca'>Catalan</option>
-                                    <option value='c2'>Cebuano</option>
-                                    <option value='b2'>Central bikol</option>
-                                    <option value='c3'>Central kurdish</option>
-                                    <option value='ch'>Chamorro</option>
-                                    <option value='c1'>Chavacano</option>
-                                    <option value='ce'>Chechen</option>
-                                    <option value='ny'>Chichewa</option>
-                                    <option value='zh'>Chinese (simplified)</option>
-                                    <option value='z1'>Chinese (traditional)</option>
-                                    <option value='rz'>Chinese-romaji</option>
-                                    <option value='cu'>Church slavic</option>
-                                    <option value='cv'>Chuvash</option>
-                                    <option value='kw'>Cornish</option>
-                                    <option value='co'>Corsican</option>
-                                    <option value='cr'>Cree</option>
-                                    <option value='c4'>Creoles and pidgins</option>
-                                    <option value='c5'>Creoles and pidgins, english based</option>
-                                    <option value='c6'>Creoles and pidgins, french-based</option>
-                                    <option value='c7'>Creoles and pidgins, portuguese-based</option>
-                                    <option value='hr'>Croatian</option>
-                                    <option value='cs'>Czech</option>
-                                    <option value='da'>Danish</option>
-                                    <option value='d1'>Dimli (individual language)</option>
-                                    <option value='dv'>Divehi</option>
-                                    <option value='d3'>Dotyali</option>
-                                    <option value='nl'>Dutch</option>
-                                    <option value='dz'>Dzongkha</option>
-                                    <option value='m2'>Eastern mari</option>
-                                    <option value='a2'>Egyptian arabic</option>
-                                    <option value='e1'>Emilian-romagnol</option>
-                                    <option value='en'>English</option>
-                                    <option value='m6'>Erzya</option>
-                                    <option value='eo'>Esperanto</option>
-                                    <option value='et'>Estonian</option>
-                                    <option value='ee'>Ewe</option>
-                                    <option value='fo'>Faroese</option>
-                                    <option value='h1'>Fiji hindi</option>
-                                    <option value='fj'>Fijian</option>
-                                    <option value='f1'>Filipino</option>
-                                    <option value='fi'>Finnish</option>
-                                    <option value='fr'>French</option>
-                                    <option value='f2'>Frisian, northern</option>
-                                    <option value='fy'>Frisian, western</option>
-                                    <option value='ff'>Fulah</option>
-                                    <option value='gl'>Galician</option>
-                                    <option value='lg'>Ganda</option>
-                                    <option value='ka'>Georgian</option>
-                                    <option value='de'>German</option>
-                                    <option value='n2'>German, low</option>
-                                    <option value='g1'>Goan konkani</option>
-                                    <option value='el'>Greek</option>
-                                    <option value='e2'>Greek-romaji</option>
-                                    <option value='kl'>Greenlandic</option>
-                                    <option value='gn'>Guarani</option>
-                                    <option value='gu'>Gujarati</option>
-                                    <option value='g2'>Gujarati-romaji</option>
-                                    <option value='ht'>Haitian creole</option>
-                                    <option value='ha'>Hausa</option>
-                                    <option value='he'>Hebrew</option>
-                                    <option value='hz'>Herero</option>
-                                    <option value='hi'>Hindi</option>
-                                    <option value='h3'>Hindi-romaji</option>
-                                    <option value='ho'>Hiri motu</option>
-                                    <option value='hu'>Hungarian</option>
-                                    <option value='is'>Icelandic</option>
-                                    <option value='io'>Ido</option>
-                                    <option value='ig'>Igbo</option>
-                                    <option value='i1'>Iloko</option>
-                                    <option value='id'>Indonesian</option>
-                                    <option value='ia'>Interlingua</option>
-                                    <option value='ie'>Interlingue</option>
-                                    <option value='iu'>Inuktitut</option>
-                                    <option value='ik'>Inupiaq</option>
-                                    <option value='ga'>Irish</option>
-                                    <option value='it'>Italian</option>
-                                    <option value='ja'>Japanese</option>
-                                    <option value='rj'>Japanese-romaji</option>
-                                    <option value='jv'>Javanese</option>
-                                    <option value='x1'>Kalmyk</option>
-                                    <option value='kn'>Kannada</option>
-                                    <option value='k2'>Kannada-romaji</option>
-                                    <option value='kr'>Kanuri</option>
-                                    <option value='k1'>Karachay-balkar</option>
-                                    <option value='ks'>Kashmiri</option>
-                                    <option value='kk'>Kazakh</option>
-                                    <option value='km'>Khmer, central</option>
-                                    <option value='ki'>Kikuyu</option>
-                                    <option value='rw'>Kinyarwanda</option>
-                                    <option value='ky'>Kirghiz</option>
-                                    <option value='kv'>Komi</option>
-                                    <option value='kg'>Kongo</option>
-                                    <option value='ko'>Korean</option>
-                                    <option value='rk'>Korean-romaji</option>
-                                    <option value='kj'>Kuanyama</option>
-                                    <option value='ku'>Kurdish</option>
-                                    <option value='lo'>Lao</option>
-                                    <option value='la'>Latin</option>
-                                    <option value='lv'>Latvian</option>
-                                    <option value='l1'>Lezghian</option>
-                                    <option value='li'>Limburgish</option>
-                                    <option value='ln'>Lingala</option>
-                                    <option value='lt'>Lithuanian</option>
-                                    <option value='j1'>Lojban</option>
-                                    <option value='l2'>Lombard</option>
-                                    <option value='lu'>Luba-katanga</option>
-                                    <option value='lb'>Luxembourgish</option>
-                                    <option value='mk'>Macedonian</option>
-                                    <option value='m1'>Maithili</option>
-                                    <option value='mg'>Malagasy</option>
-                                    <option value='ms'>Malay</option>
-                                    <option value='ml'>Malayalam</option>
-                                    <option value='m8'>Malayalam-romaji</option>
-                                    <option value='mt'>Maltese</option>
-                                    <option value='gv'>Manx</option>
-                                    <option value='mi'>Maori</option>
-                                    <option value='mr'>Marathi</option>
-                                    <option value='m9'>Marathi-romaji</option>
-                                    <option value='mh'>Marshallese</option>
-                                    <option value='m7'>Mazanderani</option>
-                                    <option value='m3'>Minangkabau</option>
-                                    <option value='x2'>Mingrelian</option>
-                                    <option value='m5'>Mirandese</option>
-                                    <option value='mo'>Moldavian</option>
-                                    <option value='mn'>Mongolian</option>
-                                    <option value='n4'>Nahuatl</option>
-                                    <option value='na'>Nauru</option>
-                                    <option value='nv'>Navajo</option>
-                                    <option value='nd'>Ndebele, north</option>
-                                    <option value='nr'>Ndebele, south</option>
-                                    <option value='ng'>Ndonga</option>
-                                    <option value='n1'>Neapolitan</option>
-                                    <option value='n3'>Nepal bhasa</option>
-                                    <option value='ne'>Nepali</option>
-                                    <option value='n5'>Nepali-romaji</option>
-                                    <option value='l3'>Northern luri</option>
-                                    <option value='no'>Norwegian</option>
-                                    <option value='nb'>Norwegian bokmål</option>
-                                    <option value='nn'>Norwegian nynorsk</option>
-                                    <option value='oc'>Occitan</option>
-                                    <option value='oj'>Ojibwa</option>
-                                    <option value='or'>Oriya</option>
-                                    <option value='o1'>Oriya-romaji</option>
-                                    <option value='om'>Oromo</option>
-                                    <option value='os'>Ossetian</option>
-                                    <option value='pi'>Pali</option>
-                                    <option value='p1'>Pampanga</option>
-                                    <option value='pa'>Panjabi</option>
-                                    <option value='p5'>Panjabi-romaji</option>
-                                    <option value='fa'>Persian</option>
-                                    <option value='p2'>Pfaelzisch</option>
-                                    <option value='p3'>Piemontese</option>
-                                    <option value='pl'>Polish</option>
-                                    <option value='pt'>Portuguese</option>
-                                    <option value='ps'>Pushto</option>
-                                    <option value='qu'>Quechua</option>
-                                    <option value='ro'>Romanian</option>
-                                    <option value='rm'>Romansh</option>
-                                    <option value='rn'>Rundi</option>
-                                    <option value='b4'>Russia buriat</option>
-                                    <option value='ru'>Russian</option>
-                                    <option value='r2'>Russian-romaji</option>
-                                    <option value='r1'>Rusyn</option>
-                                    <option value='se'>Sami, northern</option>
-                                    <option value='sm'>Samoan</option>
-                                    <option value='sg'>Sango</option>
-                                    <option value='sa'>Sanskrit</option>
-                                    <option value='s4'>Sanskrit-romaji</option>
-                                    <option value='sc'>Sardinian</option>
-                                    <option value='s3'>Scots</option>
-                                    <option value='gd'>Scottish gaelic</option>
-                                    <option value='sr'>Serbian</option>
-                                    <option value='sh'>Serbo-croatian</option>
-                                    <option value='sn'>Shona</option>
-                                    <option value='ii'>Sichuan yi</option>
-                                    <option value='s2'>Sicilian</option>
-                                    <option value='sd'>Sindhi</option>
-                                    <option value='si'>Sinhala</option>
-                                    <option value='sk'>Slovak</option>
-                                    <option value='sl'>Slovenian</option>
-                                    <option value='so'>Somali</option>
-                                    <option value='d2'>Sorbian, lower</option>
-                                    <option value='h2'>Sorbian, upper</option>
-                                    <option value='st'>Sotho, southern</option>
-                                    <option value='a4'>South azerbaijani</option>
-                                    <option value='es'>Spanish</option>
-                                    <option value='su'>Sundanese</option>
-                                    <option value='sw'>Swahili</option>
-                                    <option value='ss'>Swati</option>
-                                    <option value='sv'>Swedish</option>
-                                    <option value='tl'>Tagalog</option>
-                                    <option value='ty'>Tahitian</option>
-                                    <option value='tg'>Tajik</option>
-                                    <option value='ta'>Tamil</option>
-                                    <option value='t2'>Tamil-romaji</option>
-                                    <option value='tt'>Tatar</option>
-                                    <option value='te'>Telugu</option>
-                                    <option value='t3'>Telugu-romaji</option>
-                                    <option value='th'>Thai</option>
-                                    <option value='t4'>Thai-romaji</option>
-                                    <option value='bo'>Tibetan</option>
-                                    <option value='ti'>Tigrinya</option>
-                                    <option value='to'>Tonga (tonga islands)</option>
-                                    <option value='a1'>Tosk albanian</option>
-                                    <option value='ts'>Tsonga</option>
-                                    <option value='tn'>Tswana</option>
-                                    <option value='tr'>Turkish</option>
-                                    <option value='tk'>Turkmen</option>
-                                    <option value='t1'>Tuvinian</option>
-                                    <option value='tw'>Twi</option>
-                                    <option value='ug'>Uighur</option>
-                                    <option value='uk'>Ukrainian</option>
-                                    <option value='ur'>Urdu</option>
-                                    <option value='u1'>Urdu-romaji</option>
-                                    <option value='uz'>Uzbek</option>
-                                    <option value='ve'>Venda</option>
-                                    <option value='v1'>Venetian</option>
-                                    <option value='v2'>Veps</option>
-                                    <option value='vi'>Vietnamese</option>
-                                    <option value='v3'>Vlaams</option>
-                                    <option value='vo'>Volapük</option>
-                                    <option value='wa'>Walloon</option>
-                                    <option value='w1'>Waray</option>
-                                    <option value='cy'>Welsh</option>
-                                    <option value='m4'>Western mari</option>
-                                    <option value='p4'>Western panjabi</option>
-                                    <option value='wo'>Wolof</option>
-                                    <option value='w2'>Wu chinese</option>
-                                    <option value='xh'>Xhosa</option>
-                                    <option value='s1'>Yakut</option>
-                                    <option value='yi'>Yiddish</option>
-                                    <option value='yo'>Yoruba</option>
-                                    <option value='y1'>Yue chinese</option>
-                                    <option value='za'>Zhuang</option>
-                                    <option value='zu'>Zulu</option>
-                                </select>
+                                <label>
+                                    <select class="md-select" v-model="app.cfg.lyrics.mxm_language">
+                                        <option value='disabled'>Disabled</option>
+                                        <option value='ab'>Abkhazian</option>
+                                        <option value='aa'>Afar</option>
+                                        <option value='af'>Afrikaans</option>
+                                        <option value='ak'>Akan</option>
+                                        <option value='sq'>Albanian</option>
+                                        <option value='am'>Amharic</option>
+                                        <option value='ar'>Arabic</option>
+                                        <option value='an'>Aragonese</option>
+                                        <option value='hy'>Armenian</option>
+                                        <option value='as'>Assamese</option>
+                                        <option value='a5'>Assamese-romaji</option>
+                                        <option value='a3'>Asturian</option>
+                                        <option value='av'>Avaric</option>
+                                        <option value='ae'>Avestan</option>
+                                        <option value='ay'>Aymara</option>
+                                        <option value='az'>Azerbaijani</option>
+                                        <option value='bm'>Bambara</option>
+                                        <option value='ba'>Bashkir</option>
+                                        <option value='eu'>Basque</option>
+                                        <option value='b1'>Bavarian</option>
+                                        <option value='be'>Belarusian</option>
+                                        <option value='bn'>Bengali</option>
+                                        <option value='b5'>Bengali-romaji</option>
+                                        <option value='bh'>Bihari languages</option>
+                                        <option value='b3'>Bishnupriya</option>
+                                        <option value='bi'>Bislama</option>
+                                        <option value='bs'>Bosnian</option>
+                                        <option value='br'>Breton</option>
+                                        <option value='bg'>Bulgarian</option>
+                                        <option value='my'>Burmese</option>
+                                        <option value='ca'>Catalan</option>
+                                        <option value='c2'>Cebuano</option>
+                                        <option value='b2'>Central bikol</option>
+                                        <option value='c3'>Central kurdish</option>
+                                        <option value='ch'>Chamorro</option>
+                                        <option value='c1'>Chavacano</option>
+                                        <option value='ce'>Chechen</option>
+                                        <option value='ny'>Chichewa</option>
+                                        <option value='zh'>Chinese (simplified)</option>
+                                        <option value='z1'>Chinese (traditional)</option>
+                                        <option value='rz'>Chinese-romaji</option>
+                                        <option value='cu'>Church slavic</option>
+                                        <option value='cv'>Chuvash</option>
+                                        <option value='kw'>Cornish</option>
+                                        <option value='co'>Corsican</option>
+                                        <option value='cr'>Cree</option>
+                                        <option value='c4'>Creoles and pidgins</option>
+                                        <option value='c5'>Creoles and pidgins, english based</option>
+                                        <option value='c6'>Creoles and pidgins, french-based</option>
+                                        <option value='c7'>Creoles and pidgins, portuguese-based</option>
+                                        <option value='hr'>Croatian</option>
+                                        <option value='cs'>Czech</option>
+                                        <option value='da'>Danish</option>
+                                        <option value='d1'>Dimli (individual language)</option>
+                                        <option value='dv'>Divehi</option>
+                                        <option value='d3'>Dotyali</option>
+                                        <option value='nl'>Dutch</option>
+                                        <option value='dz'>Dzongkha</option>
+                                        <option value='m2'>Eastern mari</option>
+                                        <option value='a2'>Egyptian arabic</option>
+                                        <option value='e1'>Emilian-romagnol</option>
+                                        <option value='en'>English</option>
+                                        <option value='m6'>Erzya</option>
+                                        <option value='eo'>Esperanto</option>
+                                        <option value='et'>Estonian</option>
+                                        <option value='ee'>Ewe</option>
+                                        <option value='fo'>Faroese</option>
+                                        <option value='h1'>Fiji hindi</option>
+                                        <option value='fj'>Fijian</option>
+                                        <option value='f1'>Filipino</option>
+                                        <option value='fi'>Finnish</option>
+                                        <option value='fr'>French</option>
+                                        <option value='f2'>Frisian, northern</option>
+                                        <option value='fy'>Frisian, western</option>
+                                        <option value='ff'>Fulah</option>
+                                        <option value='gl'>Galician</option>
+                                        <option value='lg'>Ganda</option>
+                                        <option value='ka'>Georgian</option>
+                                        <option value='de'>German</option>
+                                        <option value='n2'>German, low</option>
+                                        <option value='g1'>Goan konkani</option>
+                                        <option value='el'>Greek</option>
+                                        <option value='e2'>Greek-romaji</option>
+                                        <option value='kl'>Greenlandic</option>
+                                        <option value='gn'>Guarani</option>
+                                        <option value='gu'>Gujarati</option>
+                                        <option value='g2'>Gujarati-romaji</option>
+                                        <option value='ht'>Haitian creole</option>
+                                        <option value='ha'>Hausa</option>
+                                        <option value='he'>Hebrew</option>
+                                        <option value='hz'>Herero</option>
+                                        <option value='hi'>Hindi</option>
+                                        <option value='h3'>Hindi-romaji</option>
+                                        <option value='ho'>Hiri motu</option>
+                                        <option value='hu'>Hungarian</option>
+                                        <option value='is'>Icelandic</option>
+                                        <option value='io'>Ido</option>
+                                        <option value='ig'>Igbo</option>
+                                        <option value='i1'>Iloko</option>
+                                        <option value='id'>Indonesian</option>
+                                        <option value='ia'>Interlingua</option>
+                                        <option value='ie'>Interlingue</option>
+                                        <option value='iu'>Inuktitut</option>
+                                        <option value='ik'>Inupiaq</option>
+                                        <option value='ga'>Irish</option>
+                                        <option value='it'>Italian</option>
+                                        <option value='ja'>Japanese</option>
+                                        <option value='rj'>Japanese-romaji</option>
+                                        <option value='jv'>Javanese</option>
+                                        <option value='x1'>Kalmyk</option>
+                                        <option value='kn'>Kannada</option>
+                                        <option value='k2'>Kannada-romaji</option>
+                                        <option value='kr'>Kanuri</option>
+                                        <option value='k1'>Karachay-balkar</option>
+                                        <option value='ks'>Kashmiri</option>
+                                        <option value='kk'>Kazakh</option>
+                                        <option value='km'>Khmer, central</option>
+                                        <option value='ki'>Kikuyu</option>
+                                        <option value='rw'>Kinyarwanda</option>
+                                        <option value='ky'>Kirghiz</option>
+                                        <option value='kv'>Komi</option>
+                                        <option value='kg'>Kongo</option>
+                                        <option value='ko'>Korean</option>
+                                        <option value='rk'>Korean-romaji</option>
+                                        <option value='kj'>Kuanyama</option>
+                                        <option value='ku'>Kurdish</option>
+                                        <option value='lo'>Lao</option>
+                                        <option value='la'>Latin</option>
+                                        <option value='lv'>Latvian</option>
+                                        <option value='l1'>Lezghian</option>
+                                        <option value='li'>Limburgish</option>
+                                        <option value='ln'>Lingala</option>
+                                        <option value='lt'>Lithuanian</option>
+                                        <option value='j1'>Lojban</option>
+                                        <option value='l2'>Lombard</option>
+                                        <option value='lu'>Luba-katanga</option>
+                                        <option value='lb'>Luxembourgish</option>
+                                        <option value='mk'>Macedonian</option>
+                                        <option value='m1'>Maithili</option>
+                                        <option value='mg'>Malagasy</option>
+                                        <option value='ms'>Malay</option>
+                                        <option value='ml'>Malayalam</option>
+                                        <option value='m8'>Malayalam-romaji</option>
+                                        <option value='mt'>Maltese</option>
+                                        <option value='gv'>Manx</option>
+                                        <option value='mi'>Maori</option>
+                                        <option value='mr'>Marathi</option>
+                                        <option value='m9'>Marathi-romaji</option>
+                                        <option value='mh'>Marshallese</option>
+                                        <option value='m7'>Mazanderani</option>
+                                        <option value='m3'>Minangkabau</option>
+                                        <option value='x2'>Mingrelian</option>
+                                        <option value='m5'>Mirandese</option>
+                                        <option value='mo'>Moldavian</option>
+                                        <option value='mn'>Mongolian</option>
+                                        <option value='n4'>Nahuatl</option>
+                                        <option value='na'>Nauru</option>
+                                        <option value='nv'>Navajo</option>
+                                        <option value='nd'>Ndebele, north</option>
+                                        <option value='nr'>Ndebele, south</option>
+                                        <option value='ng'>Ndonga</option>
+                                        <option value='n1'>Neapolitan</option>
+                                        <option value='n3'>Nepal bhasa</option>
+                                        <option value='ne'>Nepali</option>
+                                        <option value='n5'>Nepali-romaji</option>
+                                        <option value='l3'>Northern luri</option>
+                                        <option value='no'>Norwegian</option>
+                                        <option value='nb'>Norwegian bokmål</option>
+                                        <option value='nn'>Norwegian nynorsk</option>
+                                        <option value='oc'>Occitan</option>
+                                        <option value='oj'>Ojibwa</option>
+                                        <option value='or'>Oriya</option>
+                                        <option value='o1'>Oriya-romaji</option>
+                                        <option value='om'>Oromo</option>
+                                        <option value='os'>Ossetian</option>
+                                        <option value='pi'>Pali</option>
+                                        <option value='p1'>Pampanga</option>
+                                        <option value='pa'>Panjabi</option>
+                                        <option value='p5'>Panjabi-romaji</option>
+                                        <option value='fa'>Persian</option>
+                                        <option value='p2'>Pfaelzisch</option>
+                                        <option value='p3'>Piemontese</option>
+                                        <option value='pl'>Polish</option>
+                                        <option value='pt'>Portuguese</option>
+                                        <option value='ps'>Pushto</option>
+                                        <option value='qu'>Quechua</option>
+                                        <option value='ro'>Romanian</option>
+                                        <option value='rm'>Romansh</option>
+                                        <option value='rn'>Rundi</option>
+                                        <option value='b4'>Russia buriat</option>
+                                        <option value='ru'>Russian</option>
+                                        <option value='r2'>Russian-romaji</option>
+                                        <option value='r1'>Rusyn</option>
+                                        <option value='se'>Sami, northern</option>
+                                        <option value='sm'>Samoan</option>
+                                        <option value='sg'>Sango</option>
+                                        <option value='sa'>Sanskrit</option>
+                                        <option value='s4'>Sanskrit-romaji</option>
+                                        <option value='sc'>Sardinian</option>
+                                        <option value='s3'>Scots</option>
+                                        <option value='gd'>Scottish gaelic</option>
+                                        <option value='sr'>Serbian</option>
+                                        <option value='sh'>Serbo-croatian</option>
+                                        <option value='sn'>Shona</option>
+                                        <option value='ii'>Sichuan yi</option>
+                                        <option value='s2'>Sicilian</option>
+                                        <option value='sd'>Sindhi</option>
+                                        <option value='si'>Sinhala</option>
+                                        <option value='sk'>Slovak</option>
+                                        <option value='sl'>Slovenian</option>
+                                        <option value='so'>Somali</option>
+                                        <option value='d2'>Sorbian, lower</option>
+                                        <option value='h2'>Sorbian, upper</option>
+                                        <option value='st'>Sotho, southern</option>
+                                        <option value='a4'>South azerbaijani</option>
+                                        <option value='es'>Spanish</option>
+                                        <option value='su'>Sundanese</option>
+                                        <option value='sw'>Swahili</option>
+                                        <option value='ss'>Swati</option>
+                                        <option value='sv'>Swedish</option>
+                                        <option value='tl'>Tagalog</option>
+                                        <option value='ty'>Tahitian</option>
+                                        <option value='tg'>Tajik</option>
+                                        <option value='ta'>Tamil</option>
+                                        <option value='t2'>Tamil-romaji</option>
+                                        <option value='tt'>Tatar</option>
+                                        <option value='te'>Telugu</option>
+                                        <option value='t3'>Telugu-romaji</option>
+                                        <option value='th'>Thai</option>
+                                        <option value='t4'>Thai-romaji</option>
+                                        <option value='bo'>Tibetan</option>
+                                        <option value='ti'>Tigrinya</option>
+                                        <option value='to'>Tonga (tonga islands)</option>
+                                        <option value='a1'>Tosk albanian</option>
+                                        <option value='ts'>Tsonga</option>
+                                        <option value='tn'>Tswana</option>
+                                        <option value='tr'>Turkish</option>
+                                        <option value='tk'>Turkmen</option>
+                                        <option value='t1'>Tuvinian</option>
+                                        <option value='tw'>Twi</option>
+                                        <option value='ug'>Uighur</option>
+                                        <option value='uk'>Ukrainian</option>
+                                        <option value='ur'>Urdu</option>
+                                        <option value='u1'>Urdu-romaji</option>
+                                        <option value='uz'>Uzbek</option>
+                                        <option value='ve'>Venda</option>
+                                        <option value='v1'>Venetian</option>
+                                        <option value='v2'>Veps</option>
+                                        <option value='vi'>Vietnamese</option>
+                                        <option value='v3'>Vlaams</option>
+                                        <option value='vo'>Volapük</option>
+                                        <option value='wa'>Walloon</option>
+                                        <option value='w1'>Waray</option>
+                                        <option value='cy'>Welsh</option>
+                                        <option value='m4'>Western mari</option>
+                                        <option value='p4'>Western panjabi</option>
+                                        <option value='wo'>Wolof</option>
+                                        <option value='w2'>Wu chinese</option>
+                                        <option value='xh'>Xhosa</option>
+                                        <option value='s1'>Yakut</option>
+                                        <option value='yi'>Yiddish</option>
+                                        <option value='yo'>Yoruba</option>
+                                        <option value='y1'>Yue chinese</option>
+                                        <option value='za'>Zhuang</option>
+                                        <option value='zu'>Zulu</option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -846,7 +966,9 @@
                                 {{$root.getLz('settings.option.lyrics.enableYoutubeLyrics')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.lyrics.enable_yt" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.lyrics.enable_yt" switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line">
@@ -854,7 +976,9 @@
                                 {{$root.getLz('settings.option.lyrics.enableQQLyrics')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.lyrics.enable_qq" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.lyrics.enable_qq" switch/>
+                                </label>
                             </div>
                         </div>
                     </div>
@@ -873,7 +997,9 @@
                                 {{$root.getLz('settings.option.connectivity.playbackNotifications')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.general.playbackNotifications" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.general.playbackNotifications" switch/>
+                                </label>
                             </div>
                         </div>
 
@@ -883,7 +1009,9 @@
                                 {{$root.getLz('settings.option.connectivity.discordRPC')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.general.discord_rpc.enabled" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.general.discord_rpc.enabled" switch/>
+                                </label>
                             </div>
                         </div>
 
@@ -892,11 +1020,13 @@
                                 {{$root.getLz('settings.option.connectivity.discordRPC.clientName')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" v-model="app.cfg.general.discord_rpc.client">
-                                    <option value="Cider">{{$root.getLz('app.name')}}</option>
-                                    <option value="AppleMusic">{{$root.getLz('term.appleMusic')}}
-                                    </option>
-                                </select>
+                                <label>
+                                    <select class="md-select" v-model="app.cfg.general.discord_rpc.client">
+                                        <option value="Cider">{{$root.getLz('app.name')}}</option>
+                                        <option value="AppleMusic">{{$root.getLz('term.appleMusic')}}
+                                        </option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
 
@@ -905,36 +1035,46 @@
                                 {{$root.getLz('settings.option.connectivity.discordRPC.clearOnPause')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.general.discord_rpc.clear_on_pause" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.general.discord_rpc.clear_on_pause" switch/>
+                                </label>
                             </div>
                         </div>
 
                         <div class="md-option-line" v-show="app.cfg.general.discord_rpc.enabled != false">
-	                        <div class="md-option-segment">
-								{{$root.getLz('settings.option.connectivity.discordRPC.hideButtons')}}
-	                        </div>
-	                        <div class="md-option-segment md-option-segment_auto">
-	                            <input type="checkbox" v-model="app.cfg.general.discord_rpc.hide_buttons" switch/>
-	                        </div>
-	                    </div>
+                            <div class="md-option-segment">
+                                {{$root.getLz('settings.option.connectivity.discordRPC.hideButtons')}}
+                            </div>
+                            <div class="md-option-segment md-option-segment_auto">
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.general.discord_rpc.hide_buttons" switch/>
+                                </label>
+                            </div>
+                        </div>
 
                         <div class="md-option-line" v-show="app.cfg.general.discord_rpc.enabled != false">
                             <div class="md-option-segment">
                                 {{$root.getLz('settings.option.connectivity.discordRPC.detailsFormat')}}<br/>
-                                <small>{{$root.getLz('term.variables')}}: {artist}, {composer}, {title}, {album}, {trackNumber}</small>
+                                <small>{{$root.getLz('term.variables')}}: {artist}, {composer}, {title}, {album},
+                                    {trackNumber}</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="text" v-model="app.cfg.general.discord_rpc.details_format"/>
+                                <label>
+                                    <input type="text" v-model="app.cfg.general.discord_rpc.details_format"/>
+                                </label>
                             </div>
                         </div>
 
                         <div class="md-option-line" v-show="app.cfg.general.discord_rpc.enabled != false">
                             <div class="md-option-segment">
                                 {{$root.getLz('settings.option.connectivity.discordRPC.stateFormat')}}
-                                <small>{{$root.getLz('term.variables')}}: {artist}, {composer}, {title}, {album}, {trackNumber}</small>
+                                <small>{{$root.getLz('term.variables')}}: {artist}, {composer}, {title}, {album},
+                                    {trackNumber}</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="text" v-model="app.cfg.general.discord_rpc.state_format"/>
+                                <label>
+                                    <input type="text" v-model="app.cfg.general.discord_rpc.state_format"/>
+                                </label>
                             </div>
                         </div>
 
@@ -955,7 +1095,9 @@
                                 {{$root.getLz('settings.option.connectivity.lastfmScrobble.delay')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="number" min="50" max="100" v-model="app.cfg.lastfm.scrobble_after"/>
+                                <label>
+                                    <input type="number" min="50" max="100" v-model="app.cfg.lastfm.scrobble_after"/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line" v-show="app.cfg.lastfm.enabled">
@@ -963,7 +1105,9 @@
                                 {{$root.getLz('settings.option.connectivity.lastfmScrobble.nowPlaying')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.lastfm.NowPlaying" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.lastfm.NowPlaying" switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line" v-show="app.cfg.lastfm.enabled">
@@ -971,7 +1115,9 @@
                                 {{$root.getLz('settings.option.connectivity.lastfmScrobble.removeFeatured')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.lastfm.enabledRemoveFeaturingArtists" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.lastfm.enabledRemoveFeaturingArtists" switch/>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line" v-show="app.cfg.lastfm.enabled">
@@ -979,7 +1125,9 @@
                                 {{$root.getLz('settings.option.connectivity.lastfmScrobble.filterLoop')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.lastfm.filterLoop" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.lastfm.filterLoop" switch/>
+                                </label>
                             </div>
                         </div>
                     </div>
@@ -1025,7 +1173,9 @@
                                 {{$root.getLz('settings.option.visual.plugin.github.explore')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="$root.appRoute('plugins-github')">{{ $root.getLz("settings.option.visual.plugin.github.explore") }}</button>
+                                <button class="md-btn" @click="$root.appRoute('plugins-github')">{{
+                                    $root.getLz("settings.option.visual.plugin.github.explore") }}
+                                </button>
                             </div>
                         </div>
 
@@ -1034,7 +1184,9 @@
                                 {{$root.getLz('settings.option.experimental.reinstallwidevine')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="reinstallWidevineCDM">{{$root.getLz('settings.option.experimental.reinstallwidevine')}}</button>
+                                <button class="md-btn" @click="reinstallWidevineCDM">
+                                    {{$root.getLz('settings.option.experimental.reinstallwidevine')}}
+                                </button>
                             </div>
                         </div>
 
@@ -1042,7 +1194,8 @@
                             <!-- Do not translate -->
                             <div class="md-option-segment">
                                 Style Editor<br>
-                                <small>Mix and match various theme components to get Cider looking exactly how you want.</small>
+                                <small>Mix and match various theme components to get Cider looking exactly how you
+                                    want.</small>
                             </div>
                             <div class="md-option-segment">
                                 <stylestack-editor :themes="themes"/>
@@ -1056,7 +1209,12 @@
                                 <small>{{$root.getLz('settings.option.experimental.unknownPlugin.description')}}</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.advanced.experiments.includes('unknown-sources')" @click="app.cfg.advanced.experiments.includes('unknown-sources') ? removeExperiment('unknown-sources') : addExperiment('unknown-sources')" switch/>
+                                <label>
+                                    <input type="checkbox"
+                                           v-model="app.cfg.advanced.experiments.includes('unknown-sources')"
+                                           @click="app.cfg.advanced.experiments.includes('unknown-sources') ? removeExperiment('unknown-sources') : addExperiment('unknown-sources')"
+                                           switch/>
+                                </label>
                             </div>
                         </div>
 
@@ -1067,7 +1225,9 @@
                                 <small>{{$root.getLz('settings.option.advanced.playlistTrackMapping.description')}}</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.advanced.playlistTrackMapping" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.advanced.playlistTrackMapping" switch/>
+                                </label>
                             </div>
                         </div>
 
@@ -1077,7 +1237,11 @@
                                 {{$root.getLz('settings.option.experimental.compactUI')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.advanced.experiments.includes('compactui')" @click="app.cfg.advanced.experiments.includes('compactui') ? removeExperiment('compactui') : addExperiment('compactui')" switch/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.advanced.experiments.includes('compactui')"
+                                           @click="app.cfg.advanced.experiments.includes('compactui') ? removeExperiment('compactui') : addExperiment('compactui')"
+                                           switch/>
+                                </label>
                             </div>
                         </div>
 
@@ -1086,7 +1250,12 @@
                                 {{$root.getLz('settings.option.experimental.inline_playlists')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" disabled v-model="app.cfg.advanced.experiments.includes('inline-playlists')" @click="app.cfg.advanced.experiments.includes('inline-playlists') ? removeExperiment('inline-playlists') : addExperiment('inline-playlists')" switch/>
+                                <label>
+                                    <input type="checkbox" disabled
+                                           v-model="app.cfg.advanced.experiments.includes('inline-playlists')"
+                                           @click="app.cfg.advanced.experiments.includes('inline-playlists') ? removeExperiment('inline-playlists') : addExperiment('inline-playlists')"
+                                           switch/>
+                                </label>
                             </div>
                         </div>
 
@@ -1095,14 +1264,16 @@
                                 {{$root.getLz('term.language')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" @change="$root.setLz('');$root.setLzManual()"
-                                        v-model="app.cfg.general.language">
-                                    <optgroup :label="index" v-for="(categories, index) in getLanguages()">
-                                        <option v-for="lang in categories" :value="lang.code">{{lang.nameNative}} ({{
-                                            lang.nameEnglish }})
-                                        </option>
-                                    </optgroup>
-                                </select>
+                                <label>
+                                    <select class="md-select" @change="$root.setLz('');$root.setLzManual()"
+                                            v-model="app.cfg.general.language">
+                                        <optgroup :label="index" v-for="(categories, index) in getLanguages()">
+                                            <option v-for="lang in categories" :value="lang.code">{{lang.nameNative}} ({{
+                                                lang.nameEnglish }})
+                                            </option>
+                                        </optgroup>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line update-check">
@@ -1110,7 +1281,8 @@
                                 {{$root.getLz('settings.option.general.updateCider')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" id='settings.option.general.updateCider.check' @click="app.checkForUpdate()">
+                                <button class="md-btn" id='settings.option.general.updateCider.check'
+                                        @click="app.checkForUpdate()">
                                     {{$root.getLz('term.check')}}
                                 </button>
                             </div>
@@ -1121,14 +1293,16 @@
                                 <small>({{$root.getLz('settings.option.general.updateCider.branch.description')}})</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <select class="md-select" style="width:180px;" v-model="app.cfg.general.update_branch">
-                                    <option value="main">
-                                        {{$root.getLz('settings.option.general.updateCider.branch.main')}}
-                                    </option>
-                                    <option value="develop">
-                                        {{$root.getLz('settings.option.general.updateCider.branch.develop')}}
-                                    </option>
-                                </select>
+                                <label>
+                                    <select class="md-select" style="width:180px;" v-model="app.cfg.general.update_branch">
+                                        <option value="main">
+                                            {{$root.getLz('settings.option.general.updateCider.branch.main')}}
+                                        </option>
+                                        <option value="develop">
+                                            {{$root.getLz('settings.option.general.updateCider.branch.develop')}}
+                                        </option>
+                                    </select>
+                                </label>
                             </div>
                         </div>
                         <div class="md-option-line update-check" v-if="app.platform === 'win32'">
@@ -1137,7 +1311,10 @@
                                 <small>({{$root.getLz('settings.option.visual.transparent.description')}})</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.visual.transparent" switch @change="promptForRelaunch()"/>
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.visual.transparent" switch
+                                           @change="promptForRelaunch()"/>
+                                </label>
                             </div>
                         </div>
                     </div>
@@ -1172,7 +1349,8 @@
                                     <br>
                                 </div>
                                 <div class="md-option-segment md-option-segment_auto">
-                                    <button class="md-btn" id='settings.option.general.updateCider.check' @click="logoutCC()" style="display: flex;align-items: center;gap: 0.4em;">
+                                    <button class="md-btn" id='settings.option.general.updateCider.check'
+                                            @click="logoutCC()" style="display: flex;align-items: center;gap: 0.4em;">
                                         <%- include("../svg/check.svg") %>
                                         <div v>Connected</div>
                                     </button>
@@ -1180,7 +1358,8 @@
                             </div>
                             <div class="md-option-header" style="margin-left: -0.55em;">
                                 <span>{{app.cfg.connectUser.username}}</span>
-                                <img :src="'https://cdn.discordapp.com/avatars/' + app.cfg.connectUser.id + '/' + app.cfg.connectUser.avatar + '.png?size=32'"></img>
+                                <img :src="'https://cdn.discordapp.com/avatars/' + app.cfg.connectUser.id + '/' + app.cfg.connectUser.avatar + '.png?size=32'"
+                                     alt="Discord Avatar"></img>
                             </div>
 
                             <div class="md-option-line">
@@ -1188,7 +1367,11 @@
                                     Sync Settings
                                 </div>
                                 <div class="md-option-segment md-option-segment_auto">
-                                    <input type="checkbox" disabled a-v-model="app.cfg.connectUser.sync.settings" @click="app.cfg.connectUser.sync.settings = !app.cfg.connectUser.sync.settings" switch/>
+                                    <label>
+                                        <input type="checkbox" disabled a-v-model="app.cfg.connectUser.sync.settings"
+                                               @click="app.cfg.connectUser.sync.settings = !app.cfg.connectUser.sync.settings"
+                                               switch/>
+                                    </label>
                                 </div>
                             </div>
 
@@ -1197,7 +1380,11 @@
                                     Sync Themes
                                 </div>
                                 <div class="md-option-segment md-option-segment_auto">
-                                    <input type="checkbox" disabled a-v-model="app.cfg.connectUser.sync.themes" @click="app.cfg.connectUser.sync.themes = !app.cfg.connectUser.sync.themes" switch/>
+                                    <label>
+                                        <input type="checkbox" disabled a-v-model="app.cfg.connectUser.sync.themes"
+                                               @click="app.cfg.connectUser.sync.themes = !app.cfg.connectUser.sync.themes"
+                                               switch/>
+                                    </label>
                                 </div>
                             </div>
 
@@ -1206,7 +1393,11 @@
                                     Sync Plugins
                                 </div>
                                 <div class="md-option-segment md-option-segment_auto">
-                                    <input type="checkbox" disabled a-v-model="app.cfg.connectUser.sync.plugins" @click="app.cfg.connectUser.sync.plugins = !app.cfg.connectUser.sync.plugins" switch/>
+                                    <label>
+                                        <input type="checkbox" disabled a-v-model="app.cfg.connectUser.sync.plugins"
+                                               @click="app.cfg.connectUser.sync.plugins = !app.cfg.connectUser.sync.plugins"
+                                               switch/>
+                                    </label>
                                 </div>
                             </div>
 
@@ -1219,10 +1410,10 @@
 </script>
 
 <script>
-    // do not translate
-    Vue.component('stylestack-editor', {
-        /*html*/
-        template: `
+	// do not translate
+	Vue.component('stylestack-editor', {
+		/*html*/
+		template: `
             <div class="stylestack-editor">
                 <draggable class="list-group" v-model="$root.cfg.visual.styles" @end="$root.reloadStyles()">
                     <b-list-group-item variant="dark" v-for="theme in $root.cfg.visual.styles" :key="theme">
@@ -1248,291 +1439,290 @@
                 </draggable>    
             </div>
         `,
-        props: {
-            themes: {
-                type: Array,
-                default: []
-            }
-        },
-        data: function () {
-            return {
-                selected: null,
-                newTheme: null,
-                themeList: []
-            }
-        },
-        mounted() {
-            this.themeList = [...this.themes]
-            this.themeList.unshift({
-                name: "Acrylic Grain",
-                file: "grain.less"
-            })
-            this.themeList.unshift({
-                name: "Sweetener",
-                file: "sweetener.less"
-            })
-            this.themeList.unshift({
-                name: "Reduce Visuals",
-                file: "reduce_visuals.less"
-            })
-            this.themeList.unshift({
-                name: "Inline Drawer",
-                file: "inline_drawer.less"
-            })
-        },
-        methods: {
-            gitHubExplore() {
-                this.$root.appRoute("themes-github")
-            },
-            getThemeName(filename) {
-                try {
-                    return this.themeList.find(theme => theme.file === filename).name;
-                }catch(e) {
-                    return filename;
-                }
-            },
-            moveUp() {
-                const styles = this.$root.cfg.visual.styles
-                const index = styles.indexOf(this.selected)
-                if (index > 0) {
-                    styles.splice(index, 1)
-                    styles.splice(index - 1, 0, this.selected)
-                }
-                this.$root.reloadStyles()
-            },
-            moveDown() {
-                const styles = this.$root.cfg.visual.styles
-                const index = styles.indexOf(this.selected)
-                if (index < styles.length - 1) {
-                    styles.splice(index, 1)
-                    styles.splice(index + 1, 0, this.selected)
-                }
-                this.$root.reloadStyles()
-            },
-            remove(style) {
-                const styles = this.$root.cfg.visual.styles
-                const index = styles.indexOf(style)
-                styles.splice(index, 1)
-                this.$root.reloadStyles()
-            },
-            addStyle(style) {
-                const styles = this.$root.cfg.visual.styles
-                styles.push(style)
-                this.$root.reloadStyles()
-            }
-        }
-    })
+		props: {
+			themes: {
+				type: Array,
+				default: []
+			}
+		},
+		data: function () {
+			return {
+				selected: null,
+				newTheme: null,
+				themeList: []
+			}
+		},
+		mounted() {
+			this.themeList = [...this.themes]
+			this.themeList.unshift({
+				name: "Acrylic Grain",
+				file: "grain.less"
+			})
+			this.themeList.unshift({
+				name: "Sweetener",
+				file: "sweetener.less"
+			})
+			this.themeList.unshift({
+				name: "Reduce Visuals",
+				file: "reduce_visuals.less"
+			})
+			this.themeList.unshift({
+				name: "Inline Drawer",
+				file: "inline_drawer.less"
+			})
+		},
+		methods: {
+			gitHubExplore() {
+				this.$root.appRoute("themes-github")
+			},
+			getThemeName(filename) {
+				try {
+					return this.themeList.find(theme => theme.file === filename).name;
+				} catch (e) {
+					return filename;
+				}
+			},
+			moveUp() {
+				const styles = this.$root.cfg.visual.styles
+				const index = styles.indexOf(this.selected)
+				if (index > 0) {
+					styles.splice(index, 1)
+					styles.splice(index - 1, 0, this.selected)
+				}
+				this.$root.reloadStyles()
+			},
+			moveDown() {
+				const styles = this.$root.cfg.visual.styles
+				const index = styles.indexOf(this.selected)
+				if (index < styles.length - 1) {
+					styles.splice(index, 1)
+					styles.splice(index + 1, 0, this.selected)
+				}
+				this.$root.reloadStyles()
+			},
+			remove(style) {
+				const styles = this.$root.cfg.visual.styles
+				const index = styles.indexOf(style)
+				styles.splice(index, 1)
+				this.$root.reloadStyles()
+			},
+			addStyle(style) {
+				const styles = this.$root.cfg.visual.styles
+				styles.push(style)
+				this.$root.reloadStyles()
+			}
+		}
+	})
 </script>
 
 <script>
-    Vue.component('cider-settings', {
-        template: "#cider-settings",
-        props: [],
-        data: function () {
-            return {
-                app: this.$root,
-                themes: ipcRenderer.sendSync("get-themes")
-            }
-        },
-        mounted: function () {
-            if (app.cfg.lastfm.enabled) {
-                const element = document.getElementById('lfmConnect');
-                if (element) {
-                    element.innerHTML = `Disconnect\n<p style="font-size: 8px"><i>(Authed: ${app.cfg.lastfm.auth_token})</i></p>`;
-                    element.onclick = app.LastFMDeauthorize;
-                }
-            }
-        },
-        methods: {
-            windowBgStyleChange() {
-                this.$root.getNowPlayingArtworkBG(undefined, true)
-                if (this.$root.cfg.visual.window_background_style == "mica") {
-                    this.$root.spawnMica()
-                }
-            },
-            reinstallWidevineCDM() {
-                bootbox.confirm(app.getLz("settings.option.experimental.reinstallwidevine.confirm"), (ok) => {
-                    if (ok) {
-                        ipcRenderer.invoke("reinstall-widevine-cdm");
-                    }
-                })
-            },
-            keyBindUpdate: function (action) {
-                var blur = document.createElement('div');
-                blur.className = 'blur';
-                blur.style.backgroundColor = 'rgba(0,0,0,0.25)';
-                blur.style.position = 'fixed';
-                blur.style.top = '0';
-                blur.style.left = '0';
-                blur.style.width = '100%';
-                blur.style.height = '100%';
-                blur.style.zIndex = '9999';
-                blur.style.display = 'flex';
-                blur.style.alignItems = 'center';
-                blur.style.justifyContent = 'center';
-                blur.style.fontSize = '2em';
-                blur.style.color = 'white';
-                blur.innerHTML = 'Press a combination of two keys to update keybind. Press Escape key to go back.'
-                document.body.appendChild(blur);
+	Vue.component('cider-settings', {
+		template: "#cider-settings",
+		props: [],
+		data: function () {
+			return {
+				app: this.$root,
+				themes: ipcRenderer.sendSync("get-themes")
+			}
+		},
+		mounted: function () {
+			if (app.cfg.lastfm.enabled) {
+				const element = document.getElementById('lfmConnect');
+				if (element) {
+					element.innerHTML = `Disconnect\n<p style="font-size: 8px"><i>(Authed: ${app.cfg.lastfm.auth_token})</i></p>`;
+					element.onclick = app.LastFMDeauthorize;
+				}
+			}
+		},
+		methods: {
+			windowBgStyleChange() {
+				this.$root.getNowPlayingArtworkBG(undefined, true)
+				if (this.$root.cfg.visual.window_background_style === "mica") {
+					this.$root.spawnMica()
+				}
+			},
+			reinstallWidevineCDM() {
+				bootbox.confirm(app.getLz("settings.option.experimental.reinstallwidevine.confirm"), (ok) => {
+					if (ok) {
+						ipcRenderer.invoke("reinstall-widevine-cdm");
+					}
+				})
+			},
+			keyBindUpdate: function (action) {
+				const blur = document.createElement('div');
+				blur.className = 'blur';
+				blur.style.backgroundColor = 'rgba(0,0,0,0.25)';
+				blur.style.position = 'fixed';
+				blur.style.top = '0';
+				blur.style.left = '0';
+				blur.style.width = '100%';
+				blur.style.height = '100%';
+				blur.style.zIndex = '9999';
+				blur.style.display = 'flex';
+				blur.style.alignItems = 'center';
+				blur.style.justifyContent = 'center';
+				blur.style.fontSize = '2em';
+				blur.style.color = 'white';
+				blur.innerHTML = 'Press a combination of two keys to update keybinding. Press Escape key to go back.'
+				document.body.appendChild(blur);
 
-                var keyBind = [];
-                var keyBindTimeout = setTimeout(function () {
-                    keyBind = [];
-                    document.body.removeChild(blur);
-                }, 30000);
-                var keyBindUpdate = function (e) {
-                    if (document.body.contains(blur)) {
-                    if (e.key == 'Escape') {
-                        document.body.removeChild(blur);
-                        clearTimeout(keyBindTimeout);
-                        return;
-                    } else {
-                        if (e.keyCode >= 65 && e.keyCode <= 90 && e.keyCode <= 97 && e.keyCode <= 122) {
-                            keyBind.push(e.key.toUpperCase());
-                        } else {
-                            keyBind.push(e.key);
-                        }
-                        if (keyBind.length == 2) {
-                            if (keyBind[0] != keyBind[1]) {
-                                    app.cfg.general.keybind[action] = keyBind
-                                    document.body.removeChild(blur);
-                                    clearTimeout(keyBindTimeout);
-                                    notyf.success(app.getLz('settings.notyf.general.keybindings.update.success'));
-                                    bootbox.confirm(app.getLz("settings.prompt.general.keybindings.update.success"), (ok)=>{
-                                        if(ok) ipcRenderer.invoke("relaunchApp")
-                                    })
-                            } else {
-                                keyBind = [];
-                            }
-                        }
-                    }
-                } else return;
-            }
-            document.addEventListener('keydown', keyBindUpdate);
-            },
-            keyBindReset: function () {
-                app.cfg.general.keybind.search = [app.platform == "darwin" ? "Command" : "Control","S"];
-                app.cfg.general.keybind.albums = [app.platform == "darwin" ? "Command" : "Control","F"];
-                app.cfg.general.keybind.artists = [app.platform == "darwin" ? "Command" : "Control","D"];
-                app.cfg.general.keybind.browse = [app.platform == "darwin" ? "Command" : "Control","B"];
-                app.cfg.general.keybind.togglePrivateSession = [app.platform == "darwin" ? "Command" : "Control","P"];
-                app.cfg.general.keybind.webRemote = [app.platform == "darwin" ? "Command" : "Control","W"];
-                app.cfg.general.keybind.audioSettings = [app.platform == "darwin" ? "Option" : "Shift","A"];
-                app.cfg.general.keybind.pluginMenu = [app.platform == "darwin" ? "Option" : "Shift","P"];
-                app.cfg.general.keybind.castToDevices = [app.platform == "darwin" ? "Option" : "Shift","C"];
-                app.cfg.general.keybind.settings = [app.platform == "darwin" ? "Option" : "Shift","S"];
-                app.cfg.general.keybind.openDeveloperTools = [app.platform == "darwin" ? "Command" : "Control",app.platform == "darwin" ? "Option" : "Shift","I"];
-                notyf.success(app.getLz('settings.notyf.general.keybindings.update.success'));
-                bootbox.confirm(app.getLz("settings.prompt.general.keybindings.update.success"), (ok)=>{
-                    if(ok) ipcRenderer.invoke("relaunchApp")
-                })
-            },
-            gitHubExplore() {
-                app.appRoute("themes-github")
-            },
-            copyLogs() {
-                ipcRenderer.send('fetch-log')
-                notyf.success(app.getLz('term.share.success'));
-            },
-            openAppData() {
-                ipcRenderer.send('open-appdata')
-            },
-            getLanguages: function () {
-                let langs = this.$root.lzListing
-                let categories = {
-                    "main": [],
-                    "fun": [],
-                    "unsorted": []
-                }
-                // sort by category if category is undefined or empty put it in "unsorted"
-                for (let i = 0; i < langs.length; i++) {
-                    if (langs[i].category === undefined || langs[i].category === "") {
-                        categories.unsorted.push(langs[i])
-                    } else {
-                        categories[langs[i].category].push(langs[i])
-                    }
-                }
-                // return
-                return categories
-            },
-            addExperiment(flag) {
-                app.cfg.advanced.experiments.push(flag);
-            },
-            removeExperiment(flag) {
-                app.cfg.advanced.experiments.splice(app.cfg.advanced.experiments.indexOf(flag), 1);
-            },
-            toggleAudioContext: function () {
-                if (app.cfg.advanced.AudioContext === true) {
-                    if (navigator.hardwareConcurrency < 6) {
-                        bootbox.confirm(app.getLz("settings.warn.audio.enableAdvancedFunctionality.lowcores"), function (result) {
-                            if (result) {
-                                CiderAudio.init();
-                                if (app.cfg.audio.normalization === true) {
-                                    CiderAudio.normalizerOn()
-                                }
-                                if (app.cfg.audio.spatial === true) {
-                                    CiderAudio.spatialOn()
-                                    CiderAudio.hierarchical_loading();
-                                }
-                            }
-                        })
-                    }
-                    else {
-                        CiderAudio.init();
-                        if (app.cfg.audio.normalization === true) {
-                            CiderAudio.normalizerOn()
-                        }
-                        if (app.cfg.audio.spatial === true) {
-                            CiderAudio.spatialOn()
-                            CiderAudio.hierarchical_loading();
-                        }
-                    }
-                } else {
-                    CiderAudio.off();
-                }
-            },
-            toggleNormalization: function () {
-                if (app.cfg.audio.normalization) {
-                    CiderAudio.normalizerOn()
-                } else {
-                    CiderAudio.normalizerOff()
-                }
-            },
-            changeAudioQuality: function () {
-                1
-                app.mk.bitrate = MusicKit.PlaybackBitrate[app.cfg.audio.quality];
-            },
-            toggleUserInfo: function () {
-                app.chrome.hideUserInfo = !app.cfg.visual.showuserinfo
-            },
-            sendDataToMTT: function () {
-                ipcRenderer.invoke('setStoreValue', 'general.close_behavior', app.cfg.general.close_behavior);
-                //  setStoreValue does not change plugin store values somehow
-                ipcRenderer.invoke('update-store-mtt', app.cfg.general.close_behavior);
-            },
-            checkIfUpdateDisabled() {
-                if (app.cfg.main.UPDATABLE) return;
+				let keyBind = [];
+				const keyBindTimeout = setTimeout(function () {
+					keyBind = [];
+					document.body.removeChild(blur);
+				}, 30000);
+				const keyBindUpdate = function (e) {
+					if (document.body.contains(blur)) {
+						if (e.key == 'Escape') {
+							document.body.removeChild(blur);
+							clearTimeout(keyBindTimeout);
+							return;
+						} else {
+							if (e.keyCode >= 65 && e.keyCode <= 90 && e.keyCode <= 97 && e.keyCode <= 122) {
+								keyBind.push(e.key.toUpperCase());
+							} else {
+								keyBind.push(e.key);
+							}
+							if (keyBind.length === 2) {
+								if (keyBind[0] !== keyBind[1]) {
+									app.cfg.general.keybindings[action] = keyBind
+									document.body.removeChild(blur);
+									clearTimeout(keyBindTimeout);
+									notyf.success(app.getLz('settings.notyf.general.keybindings.update.success'));
+									bootbox.confirm(app.getLz("settings.prompt.general.keybindings.update.success"), (ok) => {
+										if (ok) ipcRenderer.invoke("relaunchApp")
+									})
+								} else {
+									keyBind = [];
+								}
+							}
+						}
+					}
+				};
+				document.addEventListener('keydown', keyBindUpdate);
+			},
+			keyBindReset: function () {
+				app.cfg.general.keybindings.search = [app.platform == "darwin" ? "Command" : "Control", "S"];
+				app.cfg.general.keybindings.albums = [app.platform == "darwin" ? "Command" : "Control", "F"];
+				app.cfg.general.keybindings.artists = [app.platform == "darwin" ? "Command" : "Control", "D"];
+				app.cfg.general.keybindings.browse = [app.platform == "darwin" ? "Command" : "Control", "B"];
+				app.cfg.general.keybindings.togglePrivateSession = [app.platform == "darwin" ? "Command" : "Control", "P"];
+				app.cfg.general.keybindings.webRemote = [app.platform == "darwin" ? "Command" : "Control", "W"];
+				app.cfg.general.keybindings.audioSettings = [app.platform == "darwin" ? "Option" : "Shift", "A"];
+				app.cfg.general.keybindings.pluginMenu = [app.platform == "darwin" ? "Option" : "Shift", "P"];
+				app.cfg.general.keybindings.castToDevices = [app.platform == "darwin" ? "Option" : "Shift", "C"];
+				app.cfg.general.keybindings.settings = [app.platform == "darwin" ? "Option" : "Shift", "S"];
+				app.cfg.general.keybindings.openDeveloperTools = [app.platform == "darwin" ? "Command" : "Control", app.platform == "darwin" ? "Option" : "Shift", "I"];
+				notyf.success(app.getLz('settings.notyf.general.keybindings.update.success'));
+				bootbox.confirm(app.getLz("settings.prompt.general.keybindings.update.success"), (ok) => {
+					if (ok) ipcRenderer.invoke("relaunchApp")
+				})
+			},
+			gitHubExplore() {
+				app.appRoute("themes-github")
+			},
+			copyLogs() {
+				ipcRenderer.send('fetch-log')
+				notyf.success(app.getLz('term.share.success'));
+			},
+			openAppData() {
+				ipcRenderer.send('open-appdata')
+			},
+			getLanguages: function () {
+				let langs = this.$root.lzListing
+				let categories = {
+					"main": [],
+					"fun": [],
+					"unsorted": []
+				}
+				// sort by category if category is undefined or empty put it in "unsorted"
+				for (let i = 0; i < langs.length; i++) {
+					if (langs[i].category === undefined || langs[i].category === "") {
+						categories.unsorted.push(langs[i])
+					} else {
+						categories[langs[i].category].push(langs[i])
+					}
+				}
+				// return
+				return categories
+			},
+			addExperiment(flag) {
+				app.cfg.advanced.experiments.push(flag);
+			},
+			removeExperiment(flag) {
+				app.cfg.advanced.experiments.splice(app.cfg.advanced.experiments.indexOf(flag), 1);
+			},
+			toggleAudioContext: function () {
+				if (app.cfg.advanced.AudioContext === true) {
+					if (navigator.hardwareConcurrency < 6) {
+						bootbox.confirm(app.getLz("settings.warn.audio.enableAdvancedFunctionality.lowcores"), function (result) {
+							if (result) {
+								CiderAudio.init();
+								if (app.cfg.audio.normalization === true) {
+									CiderAudio.normalizerOn()
+								}
+								if (app.cfg.audio.spatial === true) {
+									CiderAudio.spatialOn()
+									CiderAudio.hierarchical_loading();
+								}
+							}
+						})
+					} else {
+						CiderAudio.init();
+						if (app.cfg.audio.normalization === true) {
+							CiderAudio.normalizerOn()
+						}
+						if (app.cfg.audio.spatial === true) {
+							CiderAudio.spatialOn()
+							CiderAudio.hierarchical_loading();
+						}
+					}
+				} else {
+					CiderAudio.off();
+				}
+			},
+			toggleNormalization: function () {
+				if (app.cfg.audio.normalization) {
+					CiderAudio.normalizerOn()
+				} else {
+					CiderAudio.normalizerOff()
+				}
+			},
+			changeAudioQuality: function () {
+				1
+				app.mk.bitrate = MusicKit.PlaybackBitrate[app.cfg.audio.quality];
+			},
+			toggleUserInfo: function () {
+				app.chrome.hideUserInfo = !app.cfg.visual.showuserinfo
+			},
+			sendDataToMTT: function () {
+				ipcRenderer.invoke('setStoreValue', 'general.close_behavior', app.cfg.general.close_behavior);
+				//  setStoreValue does not change plugin store values somehow
+				ipcRenderer.invoke('update-store-mtt', app.cfg.general.close_behavior);
+			},
+			checkIfUpdateDisabled() {
+				if (app.cfg.main.UPDATABLE) return;
 
-                let updateFields = document.getElementsByClassName('update-check');
-                for (let i = 0; i < updateFields.length; i++) {
-                    updateFields[i].style = "opacity: 0.5; pointer-events: none;";
-                    updateFields[i].title = "Not available on this type of build";
-                }
+				let updateFields = document.getElementsByClassName('update-check');
+				for (let i = 0; i < updateFields.length; i++) {
+					updateFields[i].style = "opacity: 0.5; pointer-events: none;";
+					updateFields[i].title = "Not available on this type of build";
+				}
 
-            },
-            promptForRelaunch() {
-                bootbox.confirm(app.getLz('action.relaunch.confirm'), function (result) {
-                    if (result) {
-                        ipcRenderer.send('relaunchApp', '');
-                    }
-                });
-            },
-            authCC() {
-                ipcRenderer.send('cc-auth')
-            },
-            logoutCC() {
-                ipcRenderer.send('cc-logout')
-            },
-        }
-    })
+			},
+			promptForRelaunch() {
+				bootbox.confirm(app.getLz('action.relaunch.confirm'), function (result) {
+					if (result) {
+						ipcRenderer.send('relaunchApp', '');
+					}
+				});
+			},
+			authCC() {
+				ipcRenderer.send('cc-auth')
+			},
+			logoutCC() {
+				ipcRenderer.send('cc-logout')
+			},
+		}
+	})
 </script>
\ No newline at end of file