From fc08a442c6fa8b35e3e3e08cda49cadcb0ab643c Mon Sep 17 00:00:00 2001
From: marknesh <markmunene.nesh@gmail.com>
Date: Wed, 19 Aug 2026 11:57:32 +0300
Subject: [PATCH] Improve Supabase integration guide video responsiveness

---
 integrations/supabase/guide.mdx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

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.