diff --git a/components/forecast/forecast-panel.tsx b/components/forecast/forecast-panel.tsx
index 3857f3b..57314ba 100644
--- a/components/forecast/forecast-panel.tsx
+++ b/components/forecast/forecast-panel.tsx
@@ -66,7 +66,7 @@ export function ForecastPanel({ latitude, longitude, locationName }: { latitude?
       ) : !forecast.hourly.length || !forecast.daily.length ? (
         <EmptyState title={t("forecast.emptyTitle")} description={t("forecast.emptyDescription")} />
       ) : (
-        <div className="grid gap-3 lg:grid-cols-[1.35fr_1fr]">
+        <div className="grid items-start gap-3 lg:grid-cols-[1.35fr_1fr]">
           <Card className="overflow-hidden p-4 sm:p-5">
             <h3 className="flex items-center gap-2 text-sm font-semibold"><Clock3 className="size-4 text-sky-600 dark:text-sky-300" />{t("forecast.hourly")}</h3>
             <div className="-mx-4 mt-4 overflow-x-auto px-4 pb-1 sm:-mx-5 sm:px-5">