diff --git a/web/components/ui/Content/Content.tsx b/web/components/ui/Content/Content.tsx
index 74c8f8bd2..95d08cb4e 100644
--- a/web/components/ui/Content/Content.tsx
+++ b/web/components/ui/Content/Content.tsx
@@ -77,6 +77,7 @@ const OwncastPlayer = dynamic(
   () => import('../../video/OwncastPlayer/OwncastPlayer').then(mod => mod.OwncastPlayer),
   {
     ssr: false,
+    loading: () => <Skeleton loading active paragraph={{ rows: 12 }} />,
   },
 );