diff --git a/apps/admin-x-settings/src/utils/IframeBuffering.tsx b/apps/admin-x-settings/src/utils/IframeBuffering.tsx
index a9ce6d72eb..ff264576f0 100644
--- a/apps/admin-x-settings/src/utils/IframeBuffering.tsx
+++ b/apps/admin-x-settings/src/utils/IframeBuffering.tsx
@@ -70,7 +70,7 @@ const IframeBuffering: React.FC<IframeBufferingProps> = ({generateContent, class
         <div className={parentClassName} data-testid={testId}>
             <iframe
                 ref={iframes[0]}
-                className={`${className} ${visibleIframeIndex !== 0 ? 'invisible z-10' : 'z-20'}`}
+                className={`${className} ${visibleIframeIndex !== 0 ? 'z-10 opacity-0' : 'z-20 opacity-100'}`}
                 data-visible={visibleIframeIndex === 0}
                 frameBorder="0"
                 height={height}
@@ -80,7 +80,7 @@ const IframeBuffering: React.FC<IframeBufferingProps> = ({generateContent, class
 
             <iframe
                 ref={iframes[1]}
-                className={`${className} ${visibleIframeIndex !== 1 ? 'invisible z-10' : 'z-20'}`}
+                className={`${className} ${visibleIframeIndex !== 1 ? 'z-10 opacity-0' : 'z-20 opacity-100'}`}
                 data-visible={visibleIframeIndex === 1}
                 frameBorder="0"
                 height={height}