diff --git a/WebDisplay/src/components/IndoorSummary.vue b/WebDisplay/src/components/IndoorSummary.vue
index 20814f7..e12eca7 100644
--- a/WebDisplay/src/components/IndoorSummary.vue
+++ b/WebDisplay/src/components/IndoorSummary.vue
@@ -24,7 +24,7 @@
 
     watch(
         () => [props.start, props.end],
-        () => load
+        () => load()
     );
 
     load();
diff --git a/WebDisplay/src/components/WeatherSummary.vue b/WebDisplay/src/components/WeatherSummary.vue
index a8cb881..79583c0 100644
--- a/WebDisplay/src/components/WeatherSummary.vue
+++ b/WebDisplay/src/components/WeatherSummary.vue
@@ -14,18 +14,18 @@
 
     const weatherStore = useWeatherStore();
 
-    weatherStore.getReadingAggregate(props.start, props.end).then((newWeatherAggregates) => {
-        weatherAggregates.value = newWeatherAggregates;
-    });
+    const load = () => {
+        weatherStore.getReadingAggregate(props.start, props.end).then((newWeatherAggregates) => {
+            weatherAggregates.value = newWeatherAggregates;
+        });
+    };
 
     watch(
         () => [props.start, props.end],
-        () => {
-            weatherStore.getReadingAggregate(props.start, props.end).then((newWeatherAggregates) => {
-                weatherAggregates.value = newWeatherAggregates;
-            });
-        }
+        () => load()
     );
+
+    load();
 </script>
 
 <template>