Missed style

src/pages/settings/Settings.tsx

@@ -22,7 +22,7 @@ import Themes from './components/Theming/Themes';
 import WolClients from './components/WoL/WolClients';
 
 export function Settings() {
-	const { isMobile } = useCommonHooks();
+	const { isMobile, theme } = useCommonHooks();
 	const navigate = useNavigate();
 	const { tabValue } = useParams();
 	return (
@@ -36,7 +36,15 @@ export function Settings() {
 				>
 					<FiArrowLeftCircle />
 				</ActionIcon>
-				<Text className={textClasses.settingsTitle} classNames={textClasses}>
+				<Text
+					className={textClasses.settingsTitle}
+					classNames={textClasses}
+					style={{
+						boxShadow:
+							theme.textShadowsEnabled &&
+							'4px -4px color-mix(in srgb, var(--mantine-color-border-0), transparent 50%)',
+					}}
+				>
 					Settings
 				</Text>
 			</Group>