diff --git a/nginx/vue/src/components/home/Consumption.vue b/nginx/vue/src/components/home/Consumption.vue
index 08b1018..1e6c6b2 100644
--- a/nginx/vue/src/components/home/Consumption.vue
+++ b/nginx/vue/src/components/home/Consumption.vue
@@ -1,4 +1,6 @@
 <script setup>
+import { onBeforeMount } from "vue";
+
 import AutoScroll from "@/components/util/AutoScroll.vue";
 import OptionalLinkTable from "@/components/util/OptionalLinkTable.vue";
 import Header from "@/components/text/Header.vue";
@@ -6,13 +8,17 @@ import Header from "@/components/text/Header.vue";
 import { useActivityStore } from "@/stores/activity";
 
 const activityStore = useActivityStore();
+
+onBeforeMount(() => {
+    activityStore.fetchActivity();
+});
 </script>
 
 <template>
     <div class="flex flex-col items-center">
         <Header>Consumption</Header>
-        <AutoScroll>
-            <OptionalLinkTable :data="activityStore.activity" />
+        <AutoScroll class="flex-1 w-full">
+            <OptionalLinkTable class="w-full" :data="activityStore.activity" />
         </AutoScroll>
     </div>
 </template>
diff --git a/nginx/vue/src/components/home/Favorites.vue b/nginx/vue/src/components/home/Favorites.vue
index 17b52a2..c2caf1d 100644
--- a/nginx/vue/src/components/home/Favorites.vue
+++ b/nginx/vue/src/components/home/Favorites.vue
@@ -1,4 +1,6 @@
 <script setup>
+import { onBeforeMount } from "vue";
+
 import Header from "@/components/text/Header.vue";
 import OptionalLinkTable from "@/components/util/OptionalLinkTable.vue";
 import AutoScroll from "@/components/util/AutoScroll.vue";
@@ -6,6 +8,10 @@ import AutoScroll from "@/components/util/AutoScroll.vue";
 import { useFavoritesStore } from "@/stores/favorites";
 
 const favoritesStore = useFavoritesStore();
+
+onBeforeMount(() => {
+    favoritesStore.fetchFavorites();
+});
 </script>
 
 <template>