From cecbc7c277af0c23f6b0d6e3c664513b82e2fa35 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 14 Nov 2022 16:34:30 -0600
Subject: [PATCH] Fix sensitive content z-order (when a sensitive status
 contains a sensitive quote)

---
 app/soapbox/components/quoted-status.tsx                   | 2 +-
 app/soapbox/components/status.tsx                          | 2 +-
 app/soapbox/features/status/components/detailed-status.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/components/quoted-status.tsx b/app/soapbox/components/quoted-status.tsx
index 863a5d3af..77adeffa6 100644
--- a/app/soapbox/components/quoted-status.tsx
+++ b/app/soapbox/components/quoted-status.tsx
@@ -103,7 +103,7 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
 
         <StatusReplyMentions status={status} hoverable={false} />
 
-        <Stack className={classNames('relative', {
+        <Stack className={classNames('relative z-0', {
           'min-h-[220px]': status.hidden,
         })}
         >
diff --git a/app/soapbox/components/status.tsx b/app/soapbox/components/status.tsx
index f01ded300..23fd5145b 100644
--- a/app/soapbox/components/status.tsx
+++ b/app/soapbox/components/status.tsx
@@ -359,7 +359,7 @@ const Status: React.FC<IStatus> = (props) => {
 
             <Stack
               className={
-                classNames('relative', {
+                classNames('relative z-0', {
                   'min-h-[220px]': isUnderReview || isSensitive,
                 })
               }
diff --git a/app/soapbox/features/status/components/detailed-status.tsx b/app/soapbox/features/status/components/detailed-status.tsx
index eb6fb240f..ff176ebdb 100644
--- a/app/soapbox/features/status/components/detailed-status.tsx
+++ b/app/soapbox/features/status/components/detailed-status.tsx
@@ -88,7 +88,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
 
         <Stack
           className={
-            classNames('relative', {
+            classNames('relative z-0', {
               'min-h-[220px]': isUnderReview || isSensitive,
             })
           }