From 5463dc261cd697c01ac900b6215c2f9a8bcb4f5d Mon Sep 17 00:00:00 2001 From: Sahitya Chandra Date: Tue, 23 Sep 2025 00:40:06 +0530 Subject: [PATCH] fix: prevent external CSS from breaking Cal.com embed (#22778) * fix: added block display to .cal-embed * fixed the iframe color-scheme to unset and bg transparent * removed forced CSS * changes reverted from iframe * Add comments and remove background transparent as it is still not needed --------- Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com> Co-authored-by: Hariom Balhara --- packages/embeds/embed-core/src/embed.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/embeds/embed-core/src/embed.css b/packages/embeds/embed-core/src/embed.css index 0792fdb415..741b1d19c6 100644 --- a/packages/embeds/embed-core/src/embed.css +++ b/packages/embeds/embed-core/src/embed.css @@ -6,4 +6,9 @@ min-height: 300px; margin: 0 auto; width: 100%; + /** + * Following properties are added to ensure that the embedding page isn't able to affect these properties + */ + display: block !important; /* A website made all iframes' display flex breaking the embed */ + color-scheme: unset !important; /* A website had explicitly set color-scheme to something for all iframes */ }