diff --git a/client/src/components/masterplanPage/map/WeatherWidget.tsx b/client/src/components/masterplanPage/map/WeatherWidget.tsx
index 7a13a97..212aa0b 100644
--- a/client/src/components/masterplanPage/map/WeatherWidget.tsx
+++ b/client/src/components/masterplanPage/map/WeatherWidget.tsx
@@ -23,23 +23,21 @@ const WeatherWidget = () => {
       const temp = Math.round(data[0].main.temp);
       setTemperature(temp);
     });
-
-    return () => {};
   }, []);
 
   return (
-    <div className="absolute top-[73.5px] left-4 bg-black rounded-lg z-50 text-white bg-opacity-40 w-[144px] py-2">
-      <div className="flex justify-between px-2 text-[14px] font-medium">
+    <div className="absolute top-[73.5px] left-4 bg-black rounded-lg z-50 text-white bg-opacity-40 w-[144px] pt-4">
+      <div className="flex justify-between px-4 text-[14px] font-medium">
         <p>{day}</p>
         <p>{formattedTime}</p>
       </div>
-      <div className="flex justify-between px-2 text-[12px] opacity-60 py-1 border-b font-medium">
+      <div className="flex justify-between px-4 text-[12px] opacity-60  border-b font-medium pb-2">
         <p>
           {date.getDate()} {month}
         </p>
         <p>{dayPart}</p>
       </div>
-      <div className="pt-2 px-2">
+      <div className="px-4  items-center flex pb-2">
         <p className="text-[32px] font-medium">{temperature}°C</p>
       </div>
     </div>