diff --git a/app/soapbox/components/quoted-status.tsx b/app/soapbox/components/quoted-status.tsx
index d7ecfaf05d..9755e7120a 100644
--- a/app/soapbox/components/quoted-status.tsx
+++ b/app/soapbox/components/quoted-status.tsx
@@ -1,15 +1,18 @@
 import classNames from 'clsx';
-import React, { useState } from 'react';
-import { defineMessages, useIntl, FormattedMessage, FormattedList } from 'react-intl';
+import React, { MouseEventHandler, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
 import StatusMedia from 'soapbox/components/status-media';
-import { Stack, Text } from 'soapbox/components/ui';
+import { Stack } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import { useSettings } from 'soapbox/hooks';
 import { defaultMediaVisibility } from 'soapbox/utils/status';
 
 import OutlineBox from './outline-box';
+import StatusReplyMentions from './status-reply-mentions';
+import StatusContent from './status_content';
+import SensitiveContentOverlay from './statuses/sensitive-content-overlay';
 
 import type { Account as AccountEntity, Status as StatusEntity } from 'soapbox/types/entities';
 
@@ -36,7 +39,7 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
 
   const [showMedia, setShowMedia] = useState<boolean>(defaultMediaVisibility(status, displayMedia));
 
-  const handleExpandClick = (e: React.MouseEvent<HTMLDivElement>) => {
+  const handleExpandClick: MouseEventHandler<HTMLDivElement> = (e) => {
     if (!status) return;
     const account = status.account as AccountEntity;
 
@@ -57,57 +60,6 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
     setShowMedia(!showMedia);
   };
 
-  const renderReplyMentions = () => {
-    if (!status?.in_reply_to_id) {
-      return null;
-    }
-
-    const account = status.account as AccountEntity;
-    const to = status.mentions || [];
-
-    if (to.size === 0) {
-      if (status.in_reply_to_account_id === account.id) {
-        return (
-          <div className='reply-mentions'>
-            <FormattedMessage
-              id='reply_mentions.reply'
-              defaultMessage='Replying to {accounts}'
-              values={{
-                accounts: `@${account.username}`,
-              }}
-            />
-          </div>
-        );
-      } else {
-        return (
-          <div className='reply-mentions'>
-            <FormattedMessage id='reply_mentions.reply_empty' defaultMessage='Replying to post' />
-          </div>
-        );
-      }
-    }
-
-    const accounts = to.slice(0, 2).map(account => <>@{account.username}</>).toArray();
-
-    if (to.size > 2) {
-      accounts.push(
-        <FormattedMessage id='reply_mentions.more' defaultMessage='{count} more' values={{ count: to.size - 2 }} />,
-      );
-    }
-
-    return (
-      <div className='reply-mentions'>
-        <FormattedMessage
-          id='reply_mentions.reply'
-          defaultMessage='Replying to {accounts}'
-          values={{
-            accounts: <FormattedList type='conjunction' value={accounts} />,
-          }}
-        />
-      </div>
-    );
-  };
-
   if (!status) {
     return null;
   }
@@ -127,7 +79,7 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
   return (
     <OutlineBox
       data-testid='quoted-status'
-      className={classNames('mt-3 cursor-pointer', {
+      className={classNames('cursor-pointer', {
         'hover:bg-gray-100 dark:hover:bg-gray-800': !compose,
       })}
     >
@@ -144,20 +96,36 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
           withLinkToProfile={!compose}
         />
 
-        {renderReplyMentions()}
+        <StatusReplyMentions status={status} hoverable={false} />
 
-        <Text
-          className='break-words status__content status__content--quote'
-          size='sm'
-          dangerouslySetInnerHTML={{ __html: status.contentHtml }}
-        />
+        <Stack className={classNames('relative', {
+          'min-h-[220px]': status.hidden,
+        })}
+        >
+          {(status.hidden) && (
+            <SensitiveContentOverlay
+              status={status}
+              visible={showMedia}
+              onToggleVisibility={handleToggleMediaVisibility}
+            />
+          )}
 
-        <StatusMedia
-          status={status}
-          muted={compose}
-          showMedia={showMedia}
-          onToggleVisibility={handleToggleMediaVisibility}
-        />
+          <Stack space={4}>
+            <StatusContent
+              status={status}
+              collapsable
+            />
+
+            {(status.media_attachments.size > 0) && (
+              <StatusMedia
+                status={status}
+                muted={compose}
+                showMedia={showMedia}
+                onToggleVisibility={handleToggleMediaVisibility}
+              />
+            )}
+          </Stack>
+        </Stack>
       </Stack>
     </OutlineBox>
   );
diff --git a/app/soapbox/components/status-content.css b/app/soapbox/components/status-content.css
index 7c1317d16b..997df73f4d 100644
Binary files a/app/soapbox/components/status-content.css and b/app/soapbox/components/status-content.css differ
diff --git a/app/soapbox/components/status.tsx b/app/soapbox/components/status.tsx
index 3e30a3032b..02eca62fea 100644
--- a/app/soapbox/components/status.tsx
+++ b/app/soapbox/components/status.tsx
@@ -65,7 +65,6 @@ const Status: React.FC<IStatus> = (props) => {
     hidden,
     featured,
     unread,
-    group,
     hideActionBar,
     variant = 'rounded',
     withDismiss,
@@ -296,8 +295,8 @@ const Status: React.FC<IStatus> = (props) => {
 
   const accountAction = props.accountAction || reblogElement;
 
-  const inReview = status.visibility === 'self';
-  const isSensitive = status.hidden;
+  const inReview = actualStatus.visibility === 'self';
+  const isSensitive = actualStatus.hidden;
 
   return (
     <HotKeys handlers={handlers} data-testid='status'>
@@ -349,6 +348,8 @@ const Status: React.FC<IStatus> = (props) => {
           </div>
 
           <div className='status__content-wrapper'>
+            <StatusReplyMentions status={actualStatus} hoverable={hoverable} />
+
             <Stack
               className={
                 classNames('relative', {
@@ -356,40 +357,35 @@ const Status: React.FC<IStatus> = (props) => {
                 })
               }
             >
-              {(inReview || isSensitive) ? (
+              {(inReview || isSensitive) && (
                 <SensitiveContentOverlay
                   status={status}
                   visible={showMedia}
                   onToggleVisibility={handleToggleMediaVisibility}
                 />
-              ) : null}
-
-              {!group && actualStatus.group && (
-                <div className='status__meta'>
-                  Posted in <NavLink to={`/groups/${actualStatus.getIn(['group', 'id'])}`}>{String(actualStatus.getIn(['group', 'title']))}</NavLink>
-                </div>
               )}
 
-              <StatusReplyMentions
-                status={actualStatus}
-                hoverable={hoverable}
-              />
+              <Stack space={4}>
+                <StatusContent
+                  status={actualStatus}
+                  onClick={handleClick}
+                  collapsable
+                />
 
-              <StatusContent
-                status={actualStatus}
-                onClick={handleClick}
-                collapsable
-              />
+                {(quote || actualStatus.media_attachments.size > 0) && (
+                  <Stack space={4}>
+                    <StatusMedia
+                      status={actualStatus}
+                      muted={muted}
+                      onClick={handleClick}
+                      showMedia={showMedia}
+                      onToggleVisibility={handleToggleMediaVisibility}
+                    />
 
-              <StatusMedia
-                status={actualStatus}
-                muted={muted}
-                onClick={handleClick}
-                showMedia={showMedia}
-                onToggleVisibility={handleToggleMediaVisibility}
-              />
-
-              {quote}
+                    {quote}
+                  </Stack>
+                )}
+              </Stack>
             </Stack>
 
             {!hideActionBar && (
diff --git a/app/soapbox/features/status/components/detailed-status.tsx b/app/soapbox/features/status/components/detailed-status.tsx
index 4896d1a91f..28c2d020c1 100644
--- a/app/soapbox/features/status/components/detailed-status.tsx
+++ b/app/soapbox/features/status/components/detailed-status.tsx
@@ -29,7 +29,6 @@ interface IDetailedStatus {
 
 const DetailedStatus: React.FC<IDetailedStatus> = ({
   status,
-  onToggleHidden,
   onOpenCompareHistoryModal,
   onToggleMediaVisibility,
   showMedia,
@@ -93,23 +92,29 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
             })
           }
         >
-          {(isUnderReview || isSensitive) ? (
+          {(isUnderReview || isSensitive) && (
             <SensitiveContentOverlay
               status={status}
               visible={showMedia}
               onToggleVisibility={onToggleMediaVisibility}
             />
-          ) : null}
+          )}
 
-          <StatusContent status={actualStatus} />
+          <Stack space={4}>
+            <StatusContent status={actualStatus} />
 
-          <StatusMedia
-            status={actualStatus}
-            showMedia={showMedia}
-            onToggleVisibility={onToggleMediaVisibility}
-          />
+            {(quote || actualStatus.media_attachments.size > 0) && (
+              <Stack space={4}>
+                <StatusMedia
+                  status={actualStatus}
+                  showMedia={showMedia}
+                  onToggleVisibility={onToggleMediaVisibility}
+                />
 
-          {quote}
+                {quote}
+              </Stack>
+            )}
+          </Stack>
         </Stack>
 
         <HStack justifyContent='between' alignItems='center' className='py-2' wrap>
diff --git a/app/styles/components/media-gallery.scss b/app/styles/components/media-gallery.scss
index 311af3b646..e9bb144252 100644
--- a/app/styles/components/media-gallery.scss
+++ b/app/styles/components/media-gallery.scss
@@ -1,6 +1,5 @@
 .media-gallery {
   box-sizing: border-box;
-  margin-top: 8px;
   overflow: hidden;
   border-radius: 10px;
   position: relative;
diff --git a/app/styles/components/reply-mentions.scss b/app/styles/components/reply-mentions.scss
index 39b70a585a..e767e5a03a 100644
--- a/app/styles/components/reply-mentions.scss
+++ b/app/styles/components/reply-mentions.scss
@@ -10,7 +10,6 @@
 .detailed-status {
   .reply-mentions {
     display: block;
-    margin: 4px 0 0 0;
 
     span {
       cursor: pointer;
diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index a8c8e4561f..4a2c57d3eb 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -14,11 +14,6 @@
   opacity: 1;
   animation: fade 150ms linear;
 
-  .video-player,
-  .audio-player {
-    margin-top: 8px;
-  }
-
   &.light {
     .display-name {
       strong {
diff --git a/app/styles/components/video-player.scss b/app/styles/components/video-player.scss
index ada5b26f5f..b4e87e9b60 100644
--- a/app/styles/components/video-player.scss
+++ b/app/styles/components/video-player.scss
@@ -7,7 +7,6 @@
   flex-direction: column;
   height: 100%;
   justify-content: center;
-  margin-top: 8px;
   position: relative;
   text-align: center;
   z-index: 100;