diff --git a/src/pages/settings/Settings.tsx b/src/pages/settings/Settings.tsx
index 22c026e..fa440ad 100644
--- a/src/pages/settings/Settings.tsx
+++ b/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>
diff --git a/src/styles/Text.module.css b/src/styles/Text.module.css
index f37153e..0d76e1e 100644
--- a/src/styles/Text.module.css
+++ b/src/styles/Text.module.css
@@ -127,7 +127,6 @@
 		margin-top: 1.5rem;
 		color: var(--mantine-color-primary-0);
 		background-color: var(--mantine-color-search-0);
-		/* box-shadow: 4px -4px color-mix(in srgb, var(--mantine-color-border-0), transparent 50%); */
 		border-radius: 8px;
 		padding-left: .5rem;
 		padding-right: .5rem;