Style updates

src/pages/homepage/Homepage.tsx

@@ -137,14 +137,17 @@ export function Homepage() {
 			temperatureUnit: 'F',
 		},
 	]);
-
 	useEffect(() => {
 		if (weather !== undefined && basicWeather !== undefined) {
 			setCurrent({
 				icon: weather.features[0]?.properties.icon?.replace('medium', 'large') ?? '',
 				textDescription: weather.features[0]?.properties.textDescription,
 				temperature: Math.round(
-					(weather.features[0]?.properties.temperature.value * 9) / 5 + 32,
+					(weather.features.find((feature: any) => feature.properties.temperature.value)
+						.properties.temperature.value *
+						9) /
+						5 +
+						32,
 				),
 				highTemp: Math.round(
 					(basicWeather.properties.maxTemperature.values[0].value * 9) / 5 + 32,

src/pages/homepage/components/Applications/Applications.tsx

@@ -42,11 +42,7 @@ function Applications({ contentType }: { contentType: string[] }) {
 		<>
 			{applications.length > 0 && contentType.length > 0 && (
 				<Stack gap={0}>
-					<Text
-						fz={appScale * 20}
-						className={textClasses.sectionTitle}
-						classNames={textClasses}
-					>
+					<Text className={textClasses.sectionTitle} classNames={textClasses}>
 						Applications
 					</Text>
 					<Stack

src/pages/homepage/components/Bookmarks/Bookmarks.tsx

@@ -60,9 +60,10 @@ function Bookmarks({ contentType }: { contentType: string[] }) {
 				contentType.length > 0 && (
 					<Stack gap={0}>
 						<Text
-							fz={bookmarkScale * 20}
 							className={textClasses.sectionTitle}
 							classNames={textClasses}
+							mb={'-.5rem'}
+							mt={'1.25rem'}
 						>
 							Bookmarks
 						</Text>

src/pages/homepage/components/SettingsButton/SettingsCard.tsx

@@ -53,6 +53,7 @@ function SettingsCard({
 					top: -8,
 					backgroundColor: 'var(--mantine-color-primary-0)',
 					color: 'var(--mantine-color-background-0)',
+					boxShadow: '2px -2px var(--mantine-color-border-0)',
 				}}
 			>
 				{sectionTitle}