From 7c99bcb9424921cede9dcb2330b6ff824226373f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 25 Dec 2025 18:54:48 +0100
Subject: [PATCH] pl-fe: style fix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/status-content.tsx             | 5 +++--
 .../src/features/draft-statuses/components/draft-status.tsx  | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/status-content.tsx b/packages/pl-fe/src/components/status-content.tsx
index 530697f9e..e95344621 100644
--- a/packages/pl-fe/src/components/status-content.tsx
+++ b/packages/pl-fe/src/components/status-content.tsx
@@ -19,6 +19,7 @@ import { getTextDirection } from '../utils/rtl';
 
 import HashtagsBar from './hashtags-bar';
 import Markup from './markup';
+import OutlineBox from './outline-box';
 import { parseContent } from './parsed-content';
 import { ParsedMfm } from './parsed-mfm';
 import Poll from './polls/poll';
@@ -235,9 +236,9 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
     if (withMedia && status.quote_id) {
       if ((status.quote_visible ?? true) === false) {
         quote = (
-          <div className='quoted-status-tombstone'>
+          <OutlineBox>
             <p><FormattedMessage id='statuses.quote_tombstone' defaultMessage='Post is unavailable.' /></p>
-          </div>
+          </OutlineBox>
         );
       } else {
         quote = <QuotedStatus statusId={status.quote_id} />;
diff --git a/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx b/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx
index 0f401a6f8..10f4785fe 100644
--- a/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx
+++ b/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx
@@ -4,6 +4,7 @@ import { FormattedMessage } from 'react-intl';
 
 import Account from 'pl-fe/components/account';
 import AttachmentThumbs from 'pl-fe/components/attachment-thumbs';
+import OutlineBox from 'pl-fe/components/outline-box';
 import StatusContent from 'pl-fe/components/status-content';
 import StatusReplyMentions from 'pl-fe/components/status-reply-mentions';
 import HStack from 'pl-fe/components/ui/hstack';
@@ -38,9 +39,9 @@ const DraftStatus: React.FC<IDraftStatus> = ({ draftStatus, ...other }) => {
   if (status.quote_id) {
     if ((status.quote_visible ?? true) === false) {
       quote = (
-        <div className='quoted-status-tombstone'>
+        <OutlineBox>
           <p><FormattedMessage id='statuses.quote_tombstone' defaultMessage='Post is unavailable.' /></p>
-        </div>
+        </OutlineBox>
       );
     } else {
       quote = <QuotedStatus statusId={status.quote_id} />;