[v15] Fix missing shadow of resource cards in Connect (#49356)

* Fix missing shadow of resource cards in Connect * Add a comment about Chromium issues
gravitational · Nov 25, 2024 · cc07d7c · cc07d7c
1 parent e018d9a
commit cc07d7c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/web/packages/teleterm/src/ui/Document/Document.tsx b/web/packages/teleterm/src/ui/Document/Document.tsx
@@ -29,12 +29,14 @@ const Document: React.FC<{
     shouldFocus: visible && !autoFocusDisabled,
   });
 
+  // The background-color of Document is controlled through <body> and it
+  // cannot be set on Document directly because of Chromium issues with z-index.
+  // Read more https://github.com/gravitational/teleport/pull/49351.
   return (
     <Flex
       tabIndex={visible ? 0 : -1}
       flex="1"
       ref={ref}
-      bg="levels.sunken"
       style={{
         overflow: 'auto',
         display: visible ? 'flex' : 'none',