diff --git a/integrations/supabase/guide.mdx b/integrations/supabase/guide.mdx
index 0b4c0971..1753e219 100644
--- a/integrations/supabase/guide.mdx
+++ b/integrations/supabase/guide.mdx
@@ -10,10 +10,15 @@ import PostgresPowerSyncUser from '/snippets/postgres-powersync-user.mdx';
 import PostgresPowerSyncPublication from '/snippets/postgres-powersync-publication.mdx';
 
 <Frame caption="Video walkthrough of the integration guide.">
-  <iframe width="1005" height="420" src="https://www.youtube.com/embed/Xg5FTYGPn5U?si=4TjdYEACDR2g98yh" title="YouTube video player" frameborder="0" 
-allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" referrerpolicy="strict-origin-when-cross-origin" 
-allowfullscreen>    
-  </iframe>
+  <iframe
+    className="w-full aspect-video"
+    src="https://www.youtube.com/embed/Xg5FTYGPn5U?si=4TjdYEACDR2g98yh"
+    title="YouTube video player"
+    frameBorder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
+    referrerPolicy="strict-origin-when-cross-origin"
+    allowFullScreen
+  ></iframe>
 </Frame>
 
 This guide shows you how to configure PowerSync with [Supabase](https://supabase.com/). PowerSync syncs your Supabase Postgres database to a local SQLite database on each client, so your app reads and writes locally and stays highly responsive even in poor network conditions.