diff --git a/src/components/left/NewChatButton.scss b/src/components/left/NewChatButton.scss index 6f65655ee..dadc3b5ef 100644 --- a/src/components/left/NewChatButton.scss +++ b/src/components/left/NewChatButton.scss @@ -19,11 +19,6 @@ &.revealed { transform: translateY(0); - @media (max-width: 600px) { - // Force rendering in the composite layer to fix the z-index rendering issue - transform: translate3d(0,0,10px); - transform-style: preserve-3d; - } } &.menu-is-open { diff --git a/src/components/middle/MiddleHeader.scss b/src/components/middle/MiddleHeader.scss index 7dff068d5..1c451ca5e 100644 --- a/src/components/middle/MiddleHeader.scss +++ b/src/components/middle/MiddleHeader.scss @@ -93,9 +93,6 @@ @media (max-width: 600px) { padding: 0.5rem; position: relative; - // Force rendering in the composite layer to fix the z-index rendering issue - transform: translate3d(0, 0, 10px); - transform-style: preserve-3d; @supports (padding-left: env(safe-area-inset-left)) { padding-left: #{"max(.5rem, env(safe-area-inset-left))"}; @@ -486,12 +483,6 @@ @media (max-width: 600px) { @include mobile-header-styles(); - - .HeaderPinnedMessage-wrapper, - .AudioPlayer { - // Force rendering in the composite layer to fix the z-index rendering issue - transform: translate3d(0, 0, 0); - } } @media (min-width: 925px) and (max-width: 1149.9px) {