Style fixes

src/pages/homepage/components/Header/Header.tsx

@@ -104,36 +104,40 @@ function Header({
 				</Text>
 				<Group
 					style={{
+						position: 'relative',
 						justifyContent: isMobile ? 'right' : 'space-between',
 						width: '100%',
 						gap: 0,
 					}}
 				>
-					{!isMobile && (
-						<Group
-							gap={0}
-							align='end'
-							style={{ display: 'flex' }}
-							onClick={openWeatherModal}
+					<Group
+						gap={0}
+						align='end'
+						style={{
+							display: 'flex',
+							position: 'absolute',
+							bottom: isMobile ? -32 : 0,
+							right: 16,
+						}}
+						onClick={openWeatherModal}
+					>
+						<Text
+							component='h2'
+							mr={4}
+							className={textClasses.dateTime}
+							classNames={textClasses}
 						>
-							<Text
-								component='h2'
-								mr={4}
-								className={textClasses.dateTime}
-								classNames={textClasses}
-							>
-								{current.temperature}°F
-							</Text>
-							<Text
-								mb={6}
-								className={textClasses.dateTime}
-								classNames={textClasses}
-								fz={14}
-							>
-								{current.highTemp}°F/{current.lowTemp}°F
-							</Text>
-						</Group>
-					)}
+							{current.temperature}°F
+						</Text>
+						<Text
+							mb={6}
+							className={textClasses.dateTime}
+							classNames={textClasses}
+							fz={14}
+						>
+							{current.highTemp}°F/{current.lowTemp}°F
+						</Text>
+					</Group>
 					<Text component='h2' className={textClasses.dateTime} classNames={textClasses}>
 						{`${
 							time.getHours() === 0
@@ -154,6 +158,7 @@ function Header({
 				setValue={setValue}
 				setProviderLabel={setProviderLabel}
 				setProviderURL={setProviderURL}
+				isMobile={isMobile}
 			/>
 		</Stack>
 	);