diff --git a/web/template/home.gohtml b/web/template/home.gohtml
index 31eed1b1f..b257d54cf 100755
--- a/web/template/home.gohtml
+++ b/web/template/home.gohtml
@@ -814,7 +814,7 @@
                             </template>
                         </article>
                     </template>
-                    <template x-if="!hasLivestreams() && !recently.hasElements() && userCourses.length == 0 && liveToday.length == 0 && !hasLivestreams()">
+                    <template x-if="loaded && !hasLivestreams() && !recently.hasElements() && userCourses.length == 0 && liveToday.length == 0">
                         <span class="font-semibold m-auto dark:text-white">
                             No streams, VODs or courses to show in this semester.
                         </span>
diff --git a/web/ts/components/main.ts b/web/ts/components/main.ts
index 9e86302e6..33ceb46f6 100644
--- a/web/ts/components/main.ts
+++ b/web/ts/components/main.ts
@@ -14,6 +14,8 @@ export function mainContext(year: number, term: string) {
         liveToday: [] as Course[],
         recently: new AutoPaginator<Course>([], 10, (c: Course) => c.LastRecording.FetchThumbnail()),
 
+        loaded: false,
+
         /**
          * AlpineJS init function which is called automatically in addition to 'x-init'
          */
@@ -52,6 +54,7 @@ export function mainContext(year: number, term: string) {
                     this.recently.reset().preload();
                 })
                 .finally(() => {
+                    this.loaded = true;
                     console.log("🌑 init recently", this.recently);
                     console.log("🌑 init live today", this.liveToday);
                 });