diff --git a/app/src/components/Landing/LandingTemperature.tsx b/app/src/components/Landing/LandingTemperature.tsx
index cdebf5552324ce8308755f46884c28135f81be45..63ac000506c6dfc495ed70a4416847a4d66cbda2 100644
--- a/app/src/components/Landing/LandingTemperature.tsx
+++ b/app/src/components/Landing/LandingTemperature.tsx
@@ -6,7 +6,7 @@ import useSWR, { mutate } from "swr";
 import { capitalizeFirstLetter } from "../../models/capitalizeFirstLetter";
 import fetcher from "../../models/fetcher";
 import { v4 as uuidv4 } from "uuid";
-import Skeleton from "@mui/material/Skeleton";
+import { Skeleton, CircularProgress } from "@mui/material";
 
 interface ILandingTemperatureProps {
   roomsList: { name: string }[];
@@ -28,9 +28,15 @@ export const LandingTemperature = ({ roomsList }: ILandingTemperatureProps) => {
 
     if (errorHeating)
       return (
-        <div key={uuidv4()}>
-          failed to load information about {room.name} temperature
-        </div>
+        <Stack
+          direction="row"
+          justifyContent="space-between"
+          alignItems="center"
+          key={uuidv4()}
+        >
+          <Typography>{capitalizeFirstLetter(room.name)}</Typography>
+		  <CircularProgress />
+        </Stack>
       );
     if (!dataHeating)
       return (