diff --git a/src/components/navbar/ReaderNavBar.tsx b/src/components/navbar/ReaderNavBar.tsx
index dae493b0..b3a92f42 100644
--- a/src/components/navbar/ReaderNavBar.tsx
+++ b/src/components/navbar/ReaderNavBar.tsx
@@ -21,7 +21,6 @@ import Zoom from '@mui/material/Zoom';
 import { Divider, FormControl, MenuItem, Select, styled, Tooltip } from '@mui/material';
 import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import Collapse from '@mui/material/Collapse';
 import { useTranslation } from 'react-i18next';
 import { ChapterOffset, IReaderSettings, TChapter, TManga } from '@/typings';
@@ -247,20 +246,18 @@ export function ReaderNavBar(props: IProps) {
                         }}
                     >
                         <ListItemText primary={t('reader.settings.title.reader_settings')} />
-                        <ListItemSecondaryAction>
-                            <IconButton
-                                edge="start"
-                                color="inherit"
-                                aria-label="menu"
-                                disableRipple
-                                disableFocusRipple
-                                onClick={() => setSettingsCollapseOpen(!settingsCollapseOpen)}
-                                size="large"
-                            >
-                                {settingsCollapseOpen && <KeyboardArrowUpIcon />}
-                                {!settingsCollapseOpen && <KeyboardArrowDownIcon />}
-                            </IconButton>
-                        </ListItemSecondaryAction>
+                        <IconButton
+                            edge="start"
+                            color="inherit"
+                            aria-label="menu"
+                            disableRipple
+                            disableFocusRipple
+                            onClick={() => setSettingsCollapseOpen(!settingsCollapseOpen)}
+                            size="large"
+                        >
+                            {settingsCollapseOpen && <KeyboardArrowUpIcon />}
+                            {!settingsCollapseOpen && <KeyboardArrowDownIcon />}
+                        </IconButton>
                     </ListItem>
                     <Collapse in={settingsCollapseOpen} timeout="auto" unmountOnExit>
                         <ReaderSettingsOptions
diff --git a/src/components/navbar/action/LangSelect.tsx b/src/components/navbar/action/LangSelect.tsx
index 0c659af1..15c58f41 100644
--- a/src/components/navbar/action/LangSelect.tsx
+++ b/src/components/navbar/action/LangSelect.tsx
@@ -15,7 +15,7 @@ import Dialog from '@mui/material/Dialog';
 import Switch from '@mui/material/Switch';
 import IconButton from '@mui/material/IconButton';
 import FilterListIcon from '@mui/icons-material/FilterList';
-import { List, ListItemSecondaryAction, ListItemText, Tooltip } from '@mui/material';
+import { List, ListItemText, Tooltip } from '@mui/material';
 import ListItem from '@mui/material/ListItem';
 import { useTranslation } from 'react-i18next';
 import { cloneObject } from '@/util/cloneObject';
@@ -98,12 +98,10 @@ export function LangSelect(props: IProps) {
                             <ListItem key={lang}>
                                 <ListItemText primary={translateExtensionLanguage(lang)} />
 
-                                <ListItemSecondaryAction>
-                                    <Switch
-                                        checked={mShownLangs.indexOf(lang) !== -1}
-                                        onChange={(e) => handleChange(e, lang)}
-                                    />
-                                </ListItemSecondaryAction>
+                                <Switch
+                                    checked={mShownLangs.indexOf(lang) !== -1}
+                                    onChange={(e) => handleChange(e, lang)}
+                                />
                             </ListItem>
                         ))}
                     </List>
diff --git a/src/components/reader/ReaderSettingsOptions.tsx b/src/components/reader/ReaderSettingsOptions.tsx
index 5c6875b4..f738c92d 100644
--- a/src/components/reader/ReaderSettingsOptions.tsx
+++ b/src/components/reader/ReaderSettingsOptions.tsx
@@ -7,7 +7,6 @@
  */
 
 import { List, ListItem, ListItemText, Switch } from '@mui/material';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import Select from '@mui/material/Select';
 import MenuItem from '@mui/material/MenuItem';
 import { useTranslation } from 'react-i18next';
@@ -39,66 +38,54 @@ export function ReaderSettingsOptions({
         <List>
             <ListItem>
                 <ListItemText primary={t('reader.settings.label.static_navigation')} />
-                <ListItemSecondaryAction>
-                    <Switch
-                        edge="end"
-                        checked={staticNav}
-                        onChange={(e) => setSettingValue('staticNav', e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch
+                    edge="end"
+                    checked={staticNav}
+                    onChange={(e) => setSettingValue('staticNav', e.target.checked)}
+                />
             </ListItem>
             <ListItem>
                 <ListItemText primary={t('reader.settings.label.show_page_number')} />
-                <ListItemSecondaryAction>
-                    <Switch
-                        edge="end"
-                        checked={showPageNumber}
-                        onChange={(e) => setSettingValue('showPageNumber', e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch
+                    edge="end"
+                    checked={showPageNumber}
+                    onChange={(e) => setSettingValue('showPageNumber', e.target.checked)}
+                />
             </ListItem>
             <ListItem>
                 <ListItemText primary={t('reader.settings.label.load_next_chapter')} />
-                <ListItemSecondaryAction>
-                    <Switch
-                        edge="end"
-                        checked={loadNextOnEnding}
-                        onChange={(e) => setSettingValue('loadNextOnEnding', e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch
+                    edge="end"
+                    checked={loadNextOnEnding}
+                    onChange={(e) => setSettingValue('loadNextOnEnding', e.target.checked)}
+                />
             </ListItem>
             <ListItem>
                 <ListItemText primary={t('reader.settings.label.skip_dup_chapters')} />
-                <ListItemSecondaryAction>
-                    <Switch
-                        edge="end"
-                        checked={skipDupChapters}
-                        onChange={(e) => setSettingValue('skipDupChapters', e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch
+                    edge="end"
+                    checked={skipDupChapters}
+                    onChange={(e) => setSettingValue('skipDupChapters', e.target.checked)}
+                />
             </ListItem>
             {fitPageToWindowEligible ? (
                 <ListItem>
                     <ListItemText primary={t('reader.settings.label.fit_page_to_window')} />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={fitPageToWindow}
-                            onChange={(e) => setSettingValue('fitPageToWindow', e.target.checked)}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={fitPageToWindow}
+                        onChange={(e) => setSettingValue('fitPageToWindow', e.target.checked)}
+                    />
                 </ListItem>
             ) : null}
             {readerType === 'DoubleLTR' || readerType === 'DoubleRTL' ? (
                 <ListItem>
                     <ListItemText primary={t('reader.settings.label.offset_first_page')} />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={offsetFirstPage}
-                            onChange={(e) => setSettingValue('offsetFirstPage', e.target.checked)}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={offsetFirstPage}
+                        onChange={(e) => setSettingValue('offsetFirstPage', e.target.checked)}
+                    />
                 </ListItem>
             ) : null}
             <ListItem>
diff --git a/src/components/settings/downloads/DownloadAheadSetting.tsx b/src/components/settings/downloads/DownloadAheadSetting.tsx
index efbec989..5fc484ea 100644
--- a/src/components/settings/downloads/DownloadAheadSetting.tsx
+++ b/src/components/settings/downloads/DownloadAheadSetting.tsx
@@ -8,7 +8,6 @@
 
 import { useTranslation } from 'react-i18next';
 import { List, ListItem, ListItemText, Switch } from '@mui/material';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import { useCallback } from 'react';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { NumberSetting } from '@/components/settings/NumberSetting.tsx';
@@ -51,13 +50,7 @@ export const DownloadAheadSetting = () => {
         <List>
             <ListItem>
                 <ListItemText primary={t('download.settings.download_ahead.label.while_reading')} />
-                <ListItemSecondaryAction>
-                    <Switch
-                        edge="end"
-                        checked={shouldDownloadAhead}
-                        onChange={(e) => setDoAutoUpdates(e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch edge="end" checked={shouldDownloadAhead} onChange={(e) => setDoAutoUpdates(e.target.checked)} />
             </ListItem>
             <NumberSetting
                 settingTitle={t('download.settings.download_ahead.label.unread_chapters_to_download')}
diff --git a/src/components/settings/globalUpdate/GlobalUpdateSettings.tsx b/src/components/settings/globalUpdate/GlobalUpdateSettings.tsx
index 4f29b231..8b4df9c4 100644
--- a/src/components/settings/globalUpdate/GlobalUpdateSettings.tsx
+++ b/src/components/settings/globalUpdate/GlobalUpdateSettings.tsx
@@ -10,7 +10,6 @@ import List from '@mui/material/List';
 import ListSubheader from '@mui/material/ListSubheader';
 import { useTranslation } from 'react-i18next';
 import { ListItem, ListItemText, Switch } from '@mui/material';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import { GlobalUpdateSettingsCategories } from '@/components/settings/globalUpdate/GlobalUpdateSettingsCategories.tsx';
 import { GlobalUpdateSettingsEntries } from '@/components/settings/globalUpdate/GlobalUpdateSettingsEntries.tsx';
 import { GlobalUpdateSettingsInterval } from '@/components/settings/globalUpdate/GlobalUpdateSettingsInterval.tsx';
@@ -54,13 +53,11 @@ export const GlobalUpdateSettings = () => {
                     primary={t('library.settings.global_update.metadata.label.title')}
                     secondary={t('library.settings.global_update.metadata.label.description')}
                 />
-                <ListItemSecondaryAction>
-                    <Switch
-                        edge="end"
-                        checked={updateMangas}
-                        onChange={(e) => updateSetting('updateMangas', e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch
+                    edge="end"
+                    checked={updateMangas}
+                    onChange={(e) => updateSetting('updateMangas', e.target.checked)}
+                />
             </ListItem>
         </List>
     );
diff --git a/src/components/settings/globalUpdate/GlobalUpdateSettingsInterval.tsx b/src/components/settings/globalUpdate/GlobalUpdateSettingsInterval.tsx
index deb4b172..cf763324 100644
--- a/src/components/settings/globalUpdate/GlobalUpdateSettingsInterval.tsx
+++ b/src/components/settings/globalUpdate/GlobalUpdateSettingsInterval.tsx
@@ -8,7 +8,6 @@
 
 import { useTranslation } from 'react-i18next';
 import { List, ListItem, ListItemText, Switch } from '@mui/material';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import { useCallback } from 'react';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { NumberSetting } from '@/components/settings/NumberSetting.tsx';
@@ -51,9 +50,7 @@ export const GlobalUpdateSettingsInterval = () => {
         <List>
             <ListItem>
                 <ListItemText primary={t('library.settings.global_update.auto_update.label.title')} />
-                <ListItemSecondaryAction>
-                    <Switch edge="end" checked={doAutoUpdates} onChange={(e) => setDoAutoUpdates(e.target.checked)} />
-                </ListItemSecondaryAction>
+                <Switch edge="end" checked={doAutoUpdates} onChange={(e) => setDoAutoUpdates(e.target.checked)} />
             </ListItem>
             <NumberSetting
                 settingTitle={t('library.settings.global_update.auto_update.interval.label.title')}
diff --git a/src/components/settings/webUI/WebUIUpdateIntervalSetting.tsx b/src/components/settings/webUI/WebUIUpdateIntervalSetting.tsx
index e1d804d7..43d8e391 100644
--- a/src/components/settings/webUI/WebUIUpdateIntervalSetting.tsx
+++ b/src/components/settings/webUI/WebUIUpdateIntervalSetting.tsx
@@ -8,7 +8,6 @@
 
 import { useTranslation } from 'react-i18next';
 import { List, ListItem, ListItemText, Switch } from '@mui/material';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import { useCallback } from 'react';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { NumberSetting } from '@/components/settings/NumberSetting.tsx';
@@ -51,14 +50,12 @@ export const WebUIUpdateIntervalSetting = ({ disabled = false }: { disabled?: bo
         <List>
             <ListItem disabled={disabled}>
                 <ListItemText primary={t('settings.webui.auto_update.label.title')} />
-                <ListItemSecondaryAction>
-                    <Switch
-                        disabled={disabled}
-                        edge="end"
-                        checked={shouldAutoUpdate}
-                        onChange={(e) => setDoAutoUpdates(e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch
+                    disabled={disabled}
+                    edge="end"
+                    checked={shouldAutoUpdate}
+                    onChange={(e) => setDoAutoUpdates(e.target.checked)}
+                />
             </ListItem>
             <NumberSetting
                 settingTitle={t('settings.webui.auto_update.label.interval')}
diff --git a/src/components/sourceConfiguration/TwoStatePreference.tsx b/src/components/sourceConfiguration/TwoStatePreference.tsx
index fede4e5a..188b96f8 100644
--- a/src/components/sourceConfiguration/TwoStatePreference.tsx
+++ b/src/components/sourceConfiguration/TwoStatePreference.tsx
@@ -9,7 +9,6 @@
 import { createElement, useState, useEffect } from 'react';
 import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import Switch from '@mui/material/Switch';
 import Checkbox from '@mui/material/Checkbox';
 import { CheckBoxPreferenceProps, SwitchPreferenceCompatProps, TwoStatePreferenceProps } from '@/typings';
@@ -57,18 +56,16 @@ function TwoSatePreference(props: TwoStatePreferenceProps) {
     return (
         <ListItem>
             <ListItemText primary={title} secondary={summary} />
-            <ListItemSecondaryAction>
-                {createElement(getTwoStateType(twoStateType), {
-                    edge: 'end',
-                    checked: internalCurrentValue,
-                    onChange: () => {
-                        updateValue(twoStateType === 'Switch' ? 'switchState' : 'checkBoxState', !currentValue);
+            {createElement(getTwoStateType(twoStateType), {
+                edge: 'end',
+                checked: internalCurrentValue,
+                onChange: () => {
+                    updateValue(twoStateType === 'Switch' ? 'switchState' : 'checkBoxState', !currentValue);
 
-                        // appear smooth
-                        setInternalCurrentValue(!currentValue);
-                    },
-                })}
-            </ListItemSecondaryAction>
+                    // appear smooth
+                    setInternalCurrentValue(!currentValue);
+                },
+            })}
         </ListItem>
     );
 }
diff --git a/src/screens/Settings.tsx b/src/screens/Settings.tsx
index 22a268e4..fba8c8ce 100644
--- a/src/screens/Settings.tsx
+++ b/src/screens/Settings.tsx
@@ -16,7 +16,6 @@ import InfoIcon from '@mui/icons-material/Info';
 import ListItem from '@mui/material/ListItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import Switch from '@mui/material/Switch';
 import FavoriteIcon from '@mui/icons-material/Favorite';
 import { Link, ListItemButton, MenuItem, Select } from '@mui/material';
@@ -101,9 +100,7 @@ export function Settings() {
                     <Brightness6Icon />
                 </ListItemIcon>
                 <ListItemText primary={t('settings.label.dark_theme')} />
-                <ListItemSecondaryAction>
-                    <Switch edge="end" checked={darkTheme} onChange={() => setDarkTheme(!darkTheme)} />
-                </ListItemSecondaryAction>
+                <Switch edge="end" checked={darkTheme} onChange={() => setDarkTheme(!darkTheme)} />
             </ListItem>
             <NumberSetting
                 settingTitle={t('settings.label.manga_item_width')}
@@ -127,9 +124,7 @@ export function Settings() {
                     primary={t('settings.label.show_nsfw')}
                     secondary={t('settings.label.show_nsfw_description')}
                 />
-                <ListItemSecondaryAction>
-                    <Switch edge="end" checked={showNsfw} onChange={() => setShowNsfw(!showNsfw)} />
-                </ListItemSecondaryAction>
+                <Switch edge="end" checked={showNsfw} onChange={() => setShowNsfw(!showNsfw)} />
             </ListItem>
             <ListItem>
                 <ListItemIcon>
@@ -146,19 +141,17 @@ export function Settings() {
                         </>
                     }
                 />
-                <ListItemSecondaryAction>
-                    <Select
-                        MenuProps={{ PaperProps: { style: { maxHeight: 150 } } }}
-                        value={i18n.language}
-                        onChange={({ target: { value: language } }) => i18n.changeLanguage(language)}
-                    >
-                        {Object.keys(i18n.services.resourceStore.data).map((language) => (
-                            <MenuItem key={language} value={language}>
-                                {langCodeToName(language)}
-                            </MenuItem>
-                        ))}
-                    </Select>
-                </ListItemSecondaryAction>
+                <Select
+                    MenuProps={{ PaperProps: { style: { maxHeight: 150 } } }}
+                    value={i18n.language}
+                    onChange={({ target: { value: language } }) => i18n.changeLanguage(language)}
+                >
+                    {Object.keys(i18n.services.resourceStore.data).map((language) => (
+                        <MenuItem key={language} value={language}>
+                            {langCodeToName(language)}
+                        </MenuItem>
+                    ))}
+                </Select>
             </ListItem>
             <ListItemButton disabled={isClearingServerCache} onClick={clearServerCache}>
                 <ListItemIcon>
diff --git a/src/screens/settings/DownloadSettings.tsx b/src/screens/settings/DownloadSettings.tsx
index 0d03be8e..24b6dbc2 100644
--- a/src/screens/settings/DownloadSettings.tsx
+++ b/src/screens/settings/DownloadSettings.tsx
@@ -10,7 +10,6 @@ import { useTranslation } from 'react-i18next';
 import { useContext, useEffect } from 'react';
 import List from '@mui/material/List';
 import { ListItem, ListItemText, Switch } from '@mui/material';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import ListSubheader from '@mui/material/ListSubheader';
 import { TextSetting } from '@/components/settings/TextSetting.tsx';
 import { NavBarContext, useSetDefaultBackTo } from '@/components/context/NavbarContext.tsx';
@@ -87,13 +86,11 @@ export const DownloadSettings = () => {
             />
             <ListItem>
                 <ListItemText primary={t('download.settings.file_type.label.cbz')} />
-                <ListItemSecondaryAction>
-                    <Switch
-                        edge="end"
-                        checked={!!downloadSettings?.downloadAsCbz}
-                        onChange={(e) => updateSetting('downloadAsCbz', e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch
+                    edge="end"
+                    checked={!!downloadSettings?.downloadAsCbz}
+                    onChange={(e) => updateSetting('downloadAsCbz', e.target.checked)}
+                />
             </ListItem>
             <List
                 subheader={
@@ -104,15 +101,11 @@ export const DownloadSettings = () => {
             >
                 <ListItem>
                     <ListItemText primary={t('download.settings.delete_chapters.label.manually_marked_as_read')} />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={metadataSettings.deleteChaptersManuallyMarkedRead}
-                            onChange={(e) =>
-                                updateMetadataSetting('deleteChaptersManuallyMarkedRead', e.target.checked)
-                            }
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={metadataSettings.deleteChaptersManuallyMarkedRead}
+                        onChange={(e) => updateMetadataSetting('deleteChaptersManuallyMarkedRead', e.target.checked)}
+                    />
                 </ListItem>
                 <DeleteChaptersWhileReadingSetting
                     chapterToDelete={metadataSettings.deleteChaptersWhileReading}
@@ -122,13 +115,11 @@ export const DownloadSettings = () => {
                 />
                 <ListItem>
                     <ListItemText primary={t('download.settings.delete_chapters.label.allow_deletion_of_bookmarked')} />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={metadataSettings.deleteChaptersWithBookmark}
-                            onChange={(e) => updateMetadataSetting('deleteChaptersWithBookmark', e.target.checked)}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={metadataSettings.deleteChaptersWithBookmark}
+                        onChange={(e) => updateMetadataSetting('deleteChaptersWithBookmark', e.target.checked)}
+                    />
                 </ListItem>
             </List>
             <List
@@ -140,24 +131,20 @@ export const DownloadSettings = () => {
             >
                 <ListItem>
                     <ListItemText primary={t('download.settings.auto_download.label.new_chapters')} />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={!!downloadSettings?.autoDownloadNewChapters}
-                            onChange={(e) => updateSetting('autoDownloadNewChapters', e.target.checked)}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={!!downloadSettings?.autoDownloadNewChapters}
+                        onChange={(e) => updateSetting('autoDownloadNewChapters', e.target.checked)}
+                    />
                 </ListItem>
                 <ListItem disabled={!downloadSettings?.autoDownloadNewChapters}>
                     <ListItemText primary={t('download.settings.auto_download.label.ignore_with_unread_chapters')} />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={!!downloadSettings?.excludeEntryWithUnreadChapters}
-                            onChange={(e) => updateSetting('excludeEntryWithUnreadChapters', e.target.checked)}
-                            disabled={!downloadSettings?.autoDownloadNewChapters}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={!!downloadSettings?.excludeEntryWithUnreadChapters}
+                        onChange={(e) => updateSetting('excludeEntryWithUnreadChapters', e.target.checked)}
+                        disabled={!downloadSettings?.autoDownloadNewChapters}
+                    />
                 </ListItem>
             </List>
             <List
diff --git a/src/screens/settings/SearchSettings.tsx b/src/screens/settings/SearchSettings.tsx
index ba5aace1..b9efc4bc 100644
--- a/src/screens/settings/SearchSettings.tsx
+++ b/src/screens/settings/SearchSettings.tsx
@@ -7,7 +7,6 @@
  */
 
 import { List, ListItem, ListItemText, Switch } from '@mui/material';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import { useTranslation } from 'react-i18next';
 import ListSubheader from '@mui/material/ListSubheader';
 import { SearchMetadataKeys } from '@/typings';
@@ -37,13 +36,11 @@ export function SearchSettings() {
         >
             <ListItem>
                 <ListItemText primary={t('search.label.ignore_filters')} />
-                <ListItemSecondaryAction>
-                    <Switch
-                        edge="end"
-                        checked={settings.ignoreFilters}
-                        onChange={(e) => setSettingValue('ignoreFilters', e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch
+                    edge="end"
+                    checked={settings.ignoreFilters}
+                    onChange={(e) => setSettingValue('ignoreFilters', e.target.checked)}
+                />
             </ListItem>
         </List>
     );
diff --git a/src/screens/settings/ServerSettings.tsx b/src/screens/settings/ServerSettings.tsx
index 1ddd8277..10ebed4d 100644
--- a/src/screens/settings/ServerSettings.tsx
+++ b/src/screens/settings/ServerSettings.tsx
@@ -10,7 +10,6 @@ import { useTranslation } from 'react-i18next';
 import { useContext, useEffect } from 'react';
 import { List, ListItem, ListItemText, Switch } from '@mui/material';
 import ListSubheader from '@mui/material/ListSubheader';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import { NavBarContext, useSetDefaultBackTo } from '@/components/context/NavbarContext.tsx';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { useLocalStorage } from '@/util/useLocalStorage.tsx';
@@ -167,13 +166,11 @@ export const ServerSettings = () => {
             >
                 <ListItem>
                     <ListItemText primary={t('settings.server.socks_proxy.label.enable')} />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={!!serverSettings?.socksProxyEnabled}
-                            onChange={(e) => updateSetting('socksProxyEnabled', e.target.checked)}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={!!serverSettings?.socksProxyEnabled}
+                        onChange={(e) => updateSetting('socksProxyEnabled', e.target.checked)}
+                    />
                 </ListItem>
                 <TextSetting
                     settingName={t('settings.server.socks_proxy.label.host')}
@@ -197,13 +194,11 @@ export const ServerSettings = () => {
             >
                 <ListItem>
                     <ListItemText primary={t('settings.server.auth.basic.label.enable')} />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={!!serverSettings?.basicAuthEnabled}
-                            onChange={(e) => updateSetting('basicAuthEnabled', e.target.checked)}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={!!serverSettings?.basicAuthEnabled}
+                        onChange={(e) => updateSetting('basicAuthEnabled', e.target.checked)}
+                    />
                 </ListItem>
                 <TextSetting
                     settingName={t('settings.server.auth.basic.label.username')}
@@ -228,39 +223,33 @@ export const ServerSettings = () => {
             >
                 <ListItem>
                     <ListItemText primary={t('settings.server.misc.log_level.label.server')} />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={!!serverSettings?.debugLogsEnabled}
-                            onChange={(e) => updateSetting('debugLogsEnabled', e.target.checked)}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={!!serverSettings?.debugLogsEnabled}
+                        onChange={(e) => updateSetting('debugLogsEnabled', e.target.checked)}
+                    />
                 </ListItem>
                 <ListItem>
                     <ListItemText
                         primary={t('settings.server.misc.log_level.graphql.label.title')}
                         secondary={t('settings.server.misc.log_level.graphql.label.description')}
                     />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={!!serverSettings?.gqlDebugLogsEnabled}
-                            onChange={(e) => updateSetting('gqlDebugLogsEnabled', e.target.checked)}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={!!serverSettings?.gqlDebugLogsEnabled}
+                        onChange={(e) => updateSetting('gqlDebugLogsEnabled', e.target.checked)}
+                    />
                 </ListItem>
                 <ListItem>
                     <ListItemText
                         primary={t('settings.server.misc.tray_icon.label.title')}
                         secondary={t('settings.server.misc.tray_icon.label.description')}
                     />
-                    <ListItemSecondaryAction>
-                        <Switch
-                            edge="end"
-                            checked={!!serverSettings?.systemTrayEnabled}
-                            onChange={(e) => updateSetting('systemTrayEnabled', e.target.checked)}
-                        />
-                    </ListItemSecondaryAction>
+                    <Switch
+                        edge="end"
+                        checked={!!serverSettings?.systemTrayEnabled}
+                        onChange={(e) => updateSetting('systemTrayEnabled', e.target.checked)}
+                    />
                 </ListItem>
             </List>
         </List>
diff --git a/src/screens/settings/WebUISettings.tsx b/src/screens/settings/WebUISettings.tsx
index 9537edfa..d4926ca3 100644
--- a/src/screens/settings/WebUISettings.tsx
+++ b/src/screens/settings/WebUISettings.tsx
@@ -10,7 +10,6 @@ import { useTranslation } from 'react-i18next';
 import { useContext, useEffect } from 'react';
 import List from '@mui/material/List';
 import { ListItem, ListItemText, Switch } from '@mui/material';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
 import { NavBarContext, useSetDefaultBackTo } from '@/components/context/NavbarContext.tsx';
 import { ServerSettings } from '@/typings.ts';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
@@ -134,13 +133,11 @@ export const WebUISettings = () => {
             />
             <ListItem>
                 <ListItemText primary={t('settings.webui.label.initial_open_browser')} />
-                <ListItemSecondaryAction>
-                    <Switch
-                        edge="end"
-                        checked={!!webUISettings?.initialOpenInBrowserEnabled}
-                        onChange={(e) => updateSetting('initialOpenInBrowserEnabled', e.target.checked)}
-                    />
-                </ListItemSecondaryAction>
+                <Switch
+                    edge="end"
+                    checked={!!webUISettings?.initialOpenInBrowserEnabled}
+                    onChange={(e) => updateSetting('initialOpenInBrowserEnabled', e.target.checked)}
+                />
             </ListItem>
             <SelectSetting<WebUiInterface>
                 settingName={t('settings.webui.interface.label.title')}