diff --git a/src/components/HelpModal/HelpSection.tsx b/src/components/HelpModal/HelpSection.tsx
index 2e04a03..363c1c2 100644
--- a/src/components/HelpModal/HelpSection.tsx
+++ b/src/components/HelpModal/HelpSection.tsx
@@ -12,7 +12,9 @@ function HelpSection({ name, items }: { name: string; items: SearchShortcut[] })
 				className={textClasses.helpTitle}
 				classNames={textClasses}
 				style={{
-					textShadow: theme.textShadowsEnabled && '2px 2px var(--mantine-color-border-0)',
+					textShadow: theme.textShadowsEnabled
+						? '2px 2px var(--mantine-color-border-0)'
+						: undefined,
 				}}
 			>
 				{name}
diff --git a/src/components/SettingsHeader.tsx b/src/components/SettingsHeader.tsx
index 909fc2e..0e67db8 100644
--- a/src/components/SettingsHeader.tsx
+++ b/src/components/SettingsHeader.tsx
@@ -137,9 +137,11 @@ export function SettingsHeader({
 						zIndex: 100,
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 					rightSection={
 						isLoading ? (
diff --git a/src/components/WeatherModal/CurrentWeather.tsx b/src/components/WeatherModal/CurrentWeather.tsx
index f3de08d..f6e5b34 100644
--- a/src/components/WeatherModal/CurrentWeather.tsx
+++ b/src/components/WeatherModal/CurrentWeather.tsx
@@ -49,8 +49,9 @@ export default function CurrentWeather({ current }: { current: CW }) {
 						className={textClasses.weatherTitle}
 						classNames={textClasses}
 						style={{
-							textShadow:
-								theme.textShadowsEnabled && '2px 2px var(--mantine-color-border-0)',
+							textShadow: theme.textShadowsEnabled
+								? '2px 2px var(--mantine-color-border-0)'
+								: undefined,
 						}}
 					>
 						Current Weather
@@ -155,9 +156,9 @@ export default function CurrentWeather({ current }: { current: CW }) {
 									classNames={textClasses}
 									style={{
 										textAlign: 'center',
-										textShadow:
-											theme.textShadowsEnabled &&
-											'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+										textShadow: theme.textShadowsEnabled
+											? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+											: undefined,
 									}}
 									w={'100%'}
 								>
@@ -200,9 +201,9 @@ export default function CurrentWeather({ current }: { current: CW }) {
 									classNames={textClasses}
 									style={{
 										textAlign: 'center',
-										textShadow:
-											theme.textShadowsEnabled &&
-											'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+										textShadow: theme.textShadowsEnabled
+											? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+											: undefined,
 									}}
 									w={'100%'}
 								>
@@ -247,9 +248,9 @@ export default function CurrentWeather({ current }: { current: CW }) {
 									classNames={textClasses}
 									style={{
 										textAlign: 'center',
-										textShadow:
-											theme.textShadowsEnabled &&
-											'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+										textShadow: theme.textShadowsEnabled
+											? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+											: undefined,
 									}}
 									w={'100%'}
 								>
diff --git a/src/components/WeatherModal/ExtendedForecastCard.tsx b/src/components/WeatherModal/ExtendedForecastCard.tsx
index a345d18..14af9ff 100644
--- a/src/components/WeatherModal/ExtendedForecastCard.tsx
+++ b/src/components/WeatherModal/ExtendedForecastCard.tsx
@@ -29,7 +29,9 @@ export default function ExtendedForecastCard({
 				className={textClasses.weatherTitle}
 				classNames={textClasses}
 				style={{
-					textShadow: theme.textShadowsEnabled && '2px 2px var(--mantine-color-border-0)',
+					textShadow: theme.textShadowsEnabled
+						? '2px 2px var(--mantine-color-border-0)'
+						: undefined,
 				}}
 			>
 				Extended Forecast
diff --git a/src/pages/homepage/components/Applications/Applications.tsx b/src/pages/homepage/components/Applications/Applications.tsx
index 06f1acd..9622558 100644
--- a/src/pages/homepage/components/Applications/Applications.tsx
+++ b/src/pages/homepage/components/Applications/Applications.tsx
@@ -46,9 +46,9 @@ function Applications({ contentType }: { contentType: string[] }) {
 						className={textClasses.sectionTitle}
 						classNames={textClasses}
 						style={{
-							boxShadow:
-								theme.textShadowsEnabled &&
-								'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+							boxShadow: theme.textShadowsEnabled
+								? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+								: undefined,
 						}}
 					>
 						Applications
diff --git a/src/pages/homepage/components/Bookmarks/Bookmarks.tsx b/src/pages/homepage/components/Bookmarks/Bookmarks.tsx
index 0de6716..8b00401 100644
--- a/src/pages/homepage/components/Bookmarks/Bookmarks.tsx
+++ b/src/pages/homepage/components/Bookmarks/Bookmarks.tsx
@@ -65,9 +65,9 @@ function Bookmarks({ contentType }: { contentType: string[] }) {
 							mb={'-.5rem'}
 							mt={'1.25rem'}
 							style={{
-								boxShadow:
-									theme.textShadowsEnabled &&
-									'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+								boxShadow: theme.textShadowsEnabled
+									? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+									: undefined,
 							}}
 						>
 							Bookmarks
diff --git a/src/pages/homepage/components/Header/Header.tsx b/src/pages/homepage/components/Header/Header.tsx
index ff21c48..6d7d45e 100644
--- a/src/pages/homepage/components/Header/Header.tsx
+++ b/src/pages/homepage/components/Header/Header.tsx
@@ -81,9 +81,9 @@ function Header({
 					classNames={textClasses}
 					fz={isMobile ? 24 : undefined}
 					style={{
-						textShadow:
-							theme.textShadowsEnabled &&
-							'3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)',
+						textShadow: theme.textShadowsEnabled
+							? '3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)'
+							: undefined,
 					}}
 				>
 					{greet
@@ -104,9 +104,9 @@ function Header({
 					classNames={textClasses}
 					style={{
 						width: 'max-content',
-						textShadow:
-							theme.textShadowsEnabled &&
-							'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+						textShadow: theme.textShadowsEnabled
+							? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+							: undefined,
 					}}
 				>
 					{date}
@@ -134,9 +134,9 @@ function Header({
 							classNames={textClasses}
 							mr={'.25rem'}
 							style={{
-								textShadow:
-									theme.textShadowsEnabled &&
-									'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+								textShadow: theme.textShadowsEnabled
+									? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+									: undefined,
 							}}
 						>
 							{current.temperature}°F
@@ -147,9 +147,9 @@ function Header({
 							fz={'.875rem'}
 							mb={'.375rem'}
 							style={{
-								textShadow:
-									theme.textShadowsEnabled &&
-									'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+								textShadow: theme.textShadowsEnabled
+									? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+									: undefined,
 							}}
 						>
 							{current.highTemp}°F/{current.lowTemp}°F
@@ -159,9 +159,9 @@ function Header({
 						className={textClasses.dateTime}
 						classNames={textClasses}
 						style={{
-							textShadow:
-								theme.textShadowsEnabled &&
-								'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+							textShadow: theme.textShadowsEnabled
+								? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+								: undefined,
 						}}
 					>
 						{`${
diff --git a/src/pages/homepage/components/Header/LargeHeader.tsx b/src/pages/homepage/components/Header/LargeHeader.tsx
index cd84b11..3257a65 100644
--- a/src/pages/homepage/components/Header/LargeHeader.tsx
+++ b/src/pages/homepage/components/Header/LargeHeader.tsx
@@ -72,9 +72,9 @@ function LargeHeader({
 				classNames={textClasses}
 				fz={isMobile ? '2rem' : '6rem'}
 				style={{
-					textShadow:
-						theme.textShadowsEnabled &&
-						'3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)',
+					textShadow: theme.textShadowsEnabled
+						? '3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)'
+						: undefined,
 				}}
 			>
 				{greet
@@ -90,9 +90,9 @@ function LargeHeader({
 				m={0}
 				style={{
 					width: 'max-content',
-					textShadow:
-						theme.textShadowsEnabled &&
-						'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+					textShadow: theme.textShadowsEnabled
+						? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+						: undefined,
 				}}
 			>
 				{date}
@@ -103,9 +103,9 @@ function LargeHeader({
 				className={textClasses.dateTime}
 				classNames={textClasses}
 				style={{
-					textShadow:
-						theme.textShadowsEnabled &&
-						'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+					textShadow: theme.textShadowsEnabled
+						? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+						: undefined,
 				}}
 			>
 				{`${
diff --git a/src/pages/homepage/components/SettingsButton/SettingsCard.tsx b/src/pages/homepage/components/SettingsButton/SettingsCard.tsx
index 4081685..a2d092c 100644
--- a/src/pages/homepage/components/SettingsButton/SettingsCard.tsx
+++ b/src/pages/homepage/components/SettingsButton/SettingsCard.tsx
@@ -120,9 +120,11 @@ function SettingsCard({
 						position: 'top',
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 				<Select
@@ -147,9 +149,11 @@ function SettingsCard({
 					}}
 					labelProps={{ top: 8 }}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 			</Group>
diff --git a/src/pages/settings/components/Applications/Applications.tsx b/src/pages/settings/components/Applications/Applications.tsx
index d6929cc..3b4b603 100644
--- a/src/pages/settings/components/Applications/Applications.tsx
+++ b/src/pages/settings/components/Applications/Applications.tsx
@@ -174,9 +174,11 @@ const ApplicationSettings = () => {
 									classNames={textInputClasses}
 									withAsterisk
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 								/>
 								<TextInput
@@ -188,9 +190,11 @@ const ApplicationSettings = () => {
 									w={'45%'}
 									classNames={textInputClasses}
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 								/>
 							</Group>
@@ -205,9 +209,11 @@ const ApplicationSettings = () => {
 									classNames={textInputClasses}
 									withAsterisk
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 								/>
 							</Group>
@@ -236,9 +242,11 @@ const ApplicationSettings = () => {
 										zIndex: 3000,
 									}}
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 									renderOption={(item: ComboboxLikeRenderOptionInput<ComboboxItem>) => {
 										const Icon = allIcons[item.option.value];
@@ -267,9 +275,11 @@ const ApplicationSettings = () => {
 									defaultValue={defaultApplication.filterName}
 									withAsterisk
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 								/>
 							</Group>
diff --git a/src/pages/settings/components/Applications/DebouncedApplication.tsx b/src/pages/settings/components/Applications/DebouncedApplication.tsx
index dd88bec..94ebddd 100644
--- a/src/pages/settings/components/Applications/DebouncedApplication.tsx
+++ b/src/pages/settings/components/Applications/DebouncedApplication.tsx
@@ -103,9 +103,11 @@ function DebouncedApplication({
 					}}
 					disabled
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 				<TextInput
@@ -120,9 +122,11 @@ function DebouncedApplication({
 						});
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 			</Group>
@@ -144,9 +148,11 @@ function DebouncedApplication({
 						});
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 			</Group>
@@ -178,9 +184,11 @@ function DebouncedApplication({
 						zIndex: 3000,
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 					onChange={(value: string | null) => {
 						setUpdate({
@@ -214,9 +222,11 @@ function DebouncedApplication({
 						});
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 			</Group>
diff --git a/src/pages/settings/components/Bookmarks/Bookmarks.tsx b/src/pages/settings/components/Bookmarks/Bookmarks.tsx
index e281bb0..f4c8951 100644
--- a/src/pages/settings/components/Bookmarks/Bookmarks.tsx
+++ b/src/pages/settings/components/Bookmarks/Bookmarks.tsx
@@ -148,9 +148,11 @@ const BookmarkSettings = () => {
 									classNames={textInputClasses}
 									withAsterisk
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 								/>
 								<TextInput
@@ -162,9 +164,11 @@ const BookmarkSettings = () => {
 									classNames={textInputClasses}
 									withAsterisk
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 								/>
 							</Group>
diff --git a/src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx b/src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx
index 553372c..62639a7 100644
--- a/src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx
+++ b/src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx
@@ -88,9 +88,11 @@ function DebouncedBookmarkItem({
 						});
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 				<TextInput
@@ -105,9 +107,11 @@ function DebouncedBookmarkItem({
 						});
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 			</Group>
@@ -125,9 +129,11 @@ function DebouncedBookmarkItem({
 						});
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 			</Group>
diff --git a/src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx b/src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
index d760aca..eceb24c 100644
--- a/src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
+++ b/src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
@@ -159,9 +159,11 @@ function DebouncedGroupSettingsItem({
 								});
 							}}
 							styles={
-								theme.textShadowsEnabled && {
-									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-								}
+								theme.textShadowsEnabled
+									? {
+											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+										}
+									: undefined
 							}
 						/>
 						<TextInput
@@ -177,9 +179,11 @@ function DebouncedGroupSettingsItem({
 								});
 							}}
 							styles={
-								theme.textShadowsEnabled && {
-									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-								}
+								theme.textShadowsEnabled
+									? {
+											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+										}
+									: undefined
 							}
 						/>
 						<Tooltip
@@ -344,9 +348,13 @@ function DebouncedGroupSettingsItem({
 												classNames={textInputClasses}
 												withAsterisk
 												styles={
-													theme.textShadowsEnabled && {
-														label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-													}
+													theme.textShadowsEnabled
+														? {
+																label: {
+																	boxShadow: '2px 2px var(--mantine-color-border-0)',
+																},
+															}
+														: undefined
 												}
 											/>
 											<TextInput
@@ -359,9 +367,13 @@ function DebouncedGroupSettingsItem({
 												disabled
 												defaultValue={group.categoryName}
 												styles={
-													theme.textShadowsEnabled && {
-														label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-													}
+													theme.textShadowsEnabled
+														? {
+																label: {
+																	boxShadow: '2px 2px var(--mantine-color-border-0)',
+																},
+															}
+														: undefined
 												}
 											/>
 										</Group>
@@ -377,9 +389,13 @@ function DebouncedGroupSettingsItem({
 												classNames={textInputClasses}
 												withAsterisk
 												styles={
-													theme.textShadowsEnabled && {
-														label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-													}
+													theme.textShadowsEnabled
+														? {
+																label: {
+																	boxShadow: '2px 2px var(--mantine-color-border-0)',
+																},
+															}
+														: undefined
 												}
 											/>
 										</Group>
diff --git a/src/pages/settings/components/Messages/DebouncedMessage.tsx b/src/pages/settings/components/Messages/DebouncedMessage.tsx
index a02188e..0898a7a 100644
--- a/src/pages/settings/components/Messages/DebouncedMessage.tsx
+++ b/src/pages/settings/components/Messages/DebouncedMessage.tsx
@@ -70,10 +70,12 @@ function DebouncedMessage({
 					});
 				}}
 				styles={
-					theme.textShadowsEnabled && {
-						root: { paddingTop: '1.25rem' },
-						label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-					}
+					theme.textShadowsEnabled
+						? {
+								root: { paddingTop: '1.25rem' },
+								label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+							}
+						: undefined
 				}
 			/>
 		</Card>
diff --git a/src/pages/settings/components/Messages/Messages.tsx b/src/pages/settings/components/Messages/Messages.tsx
index 3f702e9..a2e66d6 100644
--- a/src/pages/settings/components/Messages/Messages.tsx
+++ b/src/pages/settings/components/Messages/Messages.tsx
@@ -90,9 +90,11 @@ const MessageSettings = () => {
 							}}
 							error={newMessageError}
 							styles={
-								theme.textShadowsEnabled && {
-									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-								}
+								theme.textShadowsEnabled
+									? {
+											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+										}
+									: undefined
 							}
 						/>
 						<Group mt={'1rem'}>
diff --git a/src/pages/settings/components/Personalization/Personalization.tsx b/src/pages/settings/components/Personalization/Personalization.tsx
index 41a3e21..f4201d2 100644
--- a/src/pages/settings/components/Personalization/Personalization.tsx
+++ b/src/pages/settings/components/Personalization/Personalization.tsx
@@ -92,9 +92,11 @@ const PersonalizationSettings = () => {
 									setUpdate(updatedPersonal);
 								}}
 								styles={
-									theme.textShadowsEnabled && {
-										label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-									}
+									theme.textShadowsEnabled
+										? {
+												label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+											}
+										: undefined
 								}
 							/>
 						</Card>
@@ -114,9 +116,11 @@ const PersonalizationSettings = () => {
 									setUpdate(updatedPersonal);
 								}}
 								styles={
-									theme.textShadowsEnabled && {
-										label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-									}
+									theme.textShadowsEnabled
+										? {
+												label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+											}
+										: undefined
 								}
 							/>
 						</Card>
@@ -136,9 +140,11 @@ const PersonalizationSettings = () => {
 									setUpdate(updatedPersonal);
 								}}
 								styles={
-									theme.textShadowsEnabled && {
-										label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-									}
+									theme.textShadowsEnabled
+										? {
+												label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+											}
+										: undefined
 								}
 							/>
 						</Card>
@@ -158,9 +164,11 @@ const PersonalizationSettings = () => {
 									setUpdate(updatedPersonal);
 								}}
 								styles={
-									theme.textShadowsEnabled && {
-										label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-									}
+									theme.textShadowsEnabled
+										? {
+												label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+											}
+										: undefined
 								}
 							/>
 						</Card>
diff --git a/src/pages/settings/components/Search/DebouncedSearchProvider.tsx b/src/pages/settings/components/Search/DebouncedSearchProvider.tsx
index 035d4ea..da9671a 100644
--- a/src/pages/settings/components/Search/DebouncedSearchProvider.tsx
+++ b/src/pages/settings/components/Search/DebouncedSearchProvider.tsx
@@ -100,9 +100,11 @@ function DebouncedSearchProvider({
 							});
 						}}
 						styles={
-							theme.textShadowsEnabled && {
-								label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-							}
+							theme.textShadowsEnabled
+								? {
+										label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+									}
+								: undefined
 						}
 					/>
 					<TextInput
@@ -117,9 +119,11 @@ function DebouncedSearchProvider({
 							});
 						}}
 						styles={
-							theme.textShadowsEnabled && {
-								label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-							}
+							theme.textShadowsEnabled
+								? {
+										label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+									}
+								: undefined
 						}
 					/>
 				</Group>
@@ -136,9 +140,11 @@ function DebouncedSearchProvider({
 						});
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 			</Stack>
diff --git a/src/pages/settings/components/Search/SearchProviders.tsx b/src/pages/settings/components/Search/SearchProviders.tsx
index a408b8b..a7ae895 100644
--- a/src/pages/settings/components/Search/SearchProviders.tsx
+++ b/src/pages/settings/components/Search/SearchProviders.tsx
@@ -97,9 +97,11 @@ const SearchProviderSettings = () => {
 										classNames={textInputClasses}
 										withAsterisk
 										styles={
-											theme.textShadowsEnabled && {
-												label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-											}
+											theme.textShadowsEnabled
+												? {
+														label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+													}
+												: undefined
 										}
 									/>
 									<TextInput
@@ -111,9 +113,11 @@ const SearchProviderSettings = () => {
 										classNames={textInputClasses}
 										withAsterisk
 										styles={
-											theme.textShadowsEnabled && {
-												label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-											}
+											theme.textShadowsEnabled
+												? {
+														label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+													}
+												: undefined
 										}
 									/>
 								</Group>
@@ -127,9 +131,11 @@ const SearchProviderSettings = () => {
 									classNames={textInputClasses}
 									withAsterisk
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 								/>
 							</Stack>
diff --git a/src/pages/settings/components/Theming/Backgrounds/BackgroundModal.tsx b/src/pages/settings/components/Theming/Backgrounds/BackgroundModal.tsx
index 79c0db3..798027f 100644
--- a/src/pages/settings/components/Theming/Backgrounds/BackgroundModal.tsx
+++ b/src/pages/settings/components/Theming/Backgrounds/BackgroundModal.tsx
@@ -111,9 +111,11 @@ export function BackgroundModal({
 										paddingTop: 0,
 									}}
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 									rightSection={
 										isLoading ? (
diff --git a/src/pages/settings/components/Theming/Backgrounds/EditBackground.tsx b/src/pages/settings/components/Theming/Backgrounds/EditBackground.tsx
index f5d1e61..8291c18 100644
--- a/src/pages/settings/components/Theming/Backgrounds/EditBackground.tsx
+++ b/src/pages/settings/components/Theming/Backgrounds/EditBackground.tsx
@@ -49,9 +49,11 @@ export function EditBackground({
 					label='New Name'
 					onChange={(e) => setRename(e.target.value)}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 				<Card
diff --git a/src/pages/settings/components/Theming/Themes/ThemeModal.tsx b/src/pages/settings/components/Theming/Themes/ThemeModal.tsx
index 2663a5e..d9b84cd 100644
--- a/src/pages/settings/components/Theming/Themes/ThemeModal.tsx
+++ b/src/pages/settings/components/Theming/Themes/ThemeModal.tsx
@@ -298,9 +298,9 @@ export function ThemeModal({
 										className={textClasses.sectionTitle}
 										classNames={textClasses}
 										style={{
-											textShadow:
-												theme.textShadowsEnabled &&
-												'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+											textShadow: theme.textShadowsEnabled
+												? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+												: undefined,
 										}}
 									>
 										Change {colorId}
diff --git a/src/pages/settings/components/WoL/DebouncedWolClient.tsx b/src/pages/settings/components/WoL/DebouncedWolClient.tsx
index fae61f8..6bd2261 100644
--- a/src/pages/settings/components/WoL/DebouncedWolClient.tsx
+++ b/src/pages/settings/components/WoL/DebouncedWolClient.tsx
@@ -97,9 +97,11 @@ function DebouncedWolClient({
 						});
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 				<TextInput
@@ -114,9 +116,11 @@ function DebouncedWolClient({
 						});
 					}}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 			</Group>
diff --git a/src/pages/settings/components/WoL/WolClients.tsx b/src/pages/settings/components/WoL/WolClients.tsx
index 0b9d5a0..678a68f 100644
--- a/src/pages/settings/components/WoL/WolClients.tsx
+++ b/src/pages/settings/components/WoL/WolClients.tsx
@@ -84,9 +84,11 @@ const WolClientSettings = () => {
 									classNames={textInputClasses}
 									withAsterisk
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 								/>
 								<TextInput
@@ -98,9 +100,11 @@ const WolClientSettings = () => {
 									classNames={textInputClasses}
 									withAsterisk
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 								/>
 							</Group>