diff --git a/docs/platform/atoms/calendar-settings.mdx b/docs/platform/atoms/calendar-settings.mdx
index b050d20379..7e7b9e1fdf 100644
--- a/docs/platform/atoms/calendar-settings.mdx
+++ b/docs/platform/atoms/calendar-settings.mdx
@@ -22,9 +22,8 @@ For a demonstration of the calendar settings atom, please refer to the video bel
 <p></p>
 
     <iframe
-      width="560"
       height="315"
-      style={{ maxWidth: "560px" }}
+      style={{ width: "100%", maxWidth: "560px" }}
       src="https://www.loom.com/embed/7f6969363b8743abafcec3974f281987?sid=493e7b5d-b3ae-4821-94a3-972260630e6c"
       frameborder="0"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"