diff --git a/src/components/FeaturedItems/MarkFavorite.tsx b/src/components/FeaturedItems/MarkFavorite.tsx
index 1441d48ff..e85853d71 100644
--- a/src/components/FeaturedItems/MarkFavorite.tsx
+++ b/src/components/FeaturedItems/MarkFavorite.tsx
@@ -65,9 +65,8 @@ export function MarkFavorite({
         },
       })
     );
-    window.dispatchEvent(new CustomEvent('refresh-favorites', {}));
 
-    setIsFavorite(!isFavorite);
+    window.dispatchEvent(new CustomEvent('refresh-favorites', {}));
     setIsLoading(false);
   }
 
diff --git a/src/components/RoadmapHeader.astro b/src/components/RoadmapHeader.astro
index 99659c8e1..617af5f26 100644
--- a/src/components/RoadmapHeader.astro
+++ b/src/components/RoadmapHeader.astro
@@ -38,9 +38,7 @@ const isRoadmapReady = !isUpcoming;
 
 <div class="border-b">
   <div class="container relative py-5 sm:py-12">
-    <YouTubeAlert />
-
-    <div class="mb-3 mt-0 sm:mb-4 sm:mt-4">
+    <div class="mb-3 mt-0 sm:mb-4">
       <h1 class="mb-0.5 text-2xl font-bold sm:mb-2 sm:text-4xl">
         {title}
         <MarkFavorite
diff --git a/src/components/VideoHeader.astro b/src/components/VideoHeader.astro
index ad5c5b074..3c0cabdef 100644
--- a/src/components/VideoHeader.astro
+++ b/src/components/VideoHeader.astro
@@ -1,5 +1,6 @@
 ---
 import type { VideoFileType } from '../lib/video';
+import YouTubeAlert from "./YouTubeAlert.astro";
 
 export interface Props {
   video: VideoFileType;