diff --git a/components/forecast/forecast-panel.tsx b/components/forecast/forecast-panel.tsx
index 3af8020..864d98d 100644
--- a/components/forecast/forecast-panel.tsx
+++ b/components/forecast/forecast-panel.tsx
@@ -135,7 +135,7 @@ export function ForecastPanel({ latitude, longitude, locationName }: { latitude?
         </div>
       ) : isError || !forecast ? (
         <Card className="flex min-h-40 flex-col items-center justify-center p-6 text-center">
-          <p className="text-sm text-slate-600 dark:text-slate-300">{t("forecast.error")}</p>
+          <p className="text-sm text-muted">{t("forecast.error")}</p>
           <Button variant="glass" className="mt-4" onClick={() => refetch()}><RefreshCw className="size-4" />{t("common.retry")}</Button>
         </Card>
       ) : !forecast.hourly.length || !forecast.daily.length ? (