Mobile and style improvements

src/components/WeatherModal/WeatherGraphs.tsx

@@ -58,7 +58,11 @@ export default function WeatherGraphs({ hourlyForecast }: any) {
 							});
 						}}
 					/>
-					<YAxis stroke={theme.primaryColor} unit={'°F'} dataKey={'temperature'} />
+					<YAxis
+						stroke={theme.primaryColor}
+						unit={'°F'}
+						domain={['dataMin', 'dataMax']}
+					/>
 					<CartesianGrid stroke='#f5f5f522' />
 					<Tooltip content={<CustomTooltip />} />
 					<Line
@@ -105,7 +109,7 @@ export default function WeatherGraphs({ hourlyForecast }: any) {
 							return data.probabilityOfPrecipitation.value;
 						}}
 						stroke={theme.primaryColor}
-						fill={theme.accentColor}
+						fill={theme.primaryColor}
 						dot={{ stroke: theme.primaryColor, strokeWidth: 1 }}
 					/>
 					<Area