diff --git a/packages/compass-components/src/components/content-with-fallback.tsx b/packages/compass-components/src/components/content-with-fallback.tsx
index c07454421fc..cb71a4a754d 100644
--- a/packages/compass-components/src/components/content-with-fallback.tsx
+++ b/packages/compass-components/src/components/content-with-fallback.tsx
@@ -113,14 +113,12 @@ const fallbackContainer = css({
   right: 0,
   bottom: 0,
   left: 0,
-  opacity: 0,
-  transition: 'opacity .16s ease-out',
   pointerEvents: 'none',
+  display: 'none',
 });
 
 const fallbackContainerVisible = css({
-  opacity: 1,
-  transitionTimingFunction: 'ease-in',
+  display: 'block',
 });
 
 type FadeInPlaceholderProps = {