diff --git a/apps/docs/pages/guides/integrations/flutterflow.mdx b/apps/docs/pages/guides/integrations/flutterflow.mdx
index da709473937..1b1ded48974 100644
--- a/apps/docs/pages/guides/integrations/flutterflow.mdx
+++ b/apps/docs/pages/guides/integrations/flutterflow.mdx
@@ -38,7 +38,12 @@ You can then connect your Supabase project to your FlutterFlow project with the
 5. (Optional) If you have defined an Array for any Column Data Type in Supabase, you must set its type here. To do so, tap the "Click to set Array type" and choose the right one.
 
 <video width="99%" muted playsInline controls={true}>
-  <source src="/docs/videos/guides/integrations/flutterflow/connect-flutterflow-to-supabase.mp4" type="video/mp4" muted playsInline />
+ <source
+    src="/docs/videos/guides/integrations/flutterflow/connect-flutterflow-to-supabase.mp4"
+    type="video/mp4"
+    muted
+    playsInline
+  />
 </video>
 
 ## Step 2: Inserting rows
@@ -56,10 +61,14 @@ Go to your project page on FlutterFlow and follow the steps below to define the
    7. Similarly, add the field for the other UI elements.
 
 <video width="99%" muted playsInline controls={true}>
-  <source src="/docs/videos/guides/integrations/flutterflow/insert.gif" type="video/mp4" muted playsInline />
+  <source
+    src="/docs/videos/guides/integrations/flutterflow/insert.mp4"
+    type="video/mp4"
+    muted
+    playsInline
+  />
 </video>
 
-
 ## Step 3: Selecting and displaying rows
 
 To query a Supabase table on a ListView:
@@ -73,7 +82,12 @@ To query a Supabase table on a ListView:
 7. Click Confirm.
 
 <video width="99%" muted playsInline controls={true}>
-  <source src="/docs/videos/guides/integrations/flutterflow/select.gif" type="video/mp4" muted playsInline />
+  <source
+    src="/docs/videos/guides/integrations/flutterflow/select.mp4"
+    type="video/mp4"
+    muted
+    playsInline
+  />
 </video>
 
 ## Step 4: Updating rows
@@ -112,7 +126,12 @@ Go to your project page on FlutterFlow and follow the steps below to define the
       3. Into the Value Source, you can select the From Variable and provide the id of the row you want to delete.
 
 <video width="99%" muted playsInline controls={true}>
-  <source src="/docs/videos/guides/integrations/flutterflow/delete.gif" type="video/mp4" muted playsInline />
+  <source
+    src="/docs/videos/guides/integrations/flutterflow/delete.mp4"
+    type="video/mp4"
+    muted
+    playsInline
+  />
 </video>
 
 ## Resources