From 03e97edff79adea1a704575593ecfb0dc1a1790f Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Thu, 26 May 2022 14:38:24 -0400
Subject: [PATCH] Improve Quote Status visuals

---
 app/soapbox/features/compose/components/compose_form.js  | 4 +++-
 app/soapbox/features/status/components/quoted_status.tsx | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/compose/components/compose_form.js b/app/soapbox/features/compose/components/compose_form.js
index 713b5d087..b59c61da0 100644
--- a/app/soapbox/features/compose/components/compose_form.js
+++ b/app/soapbox/features/compose/components/compose_form.js
@@ -365,7 +365,9 @@ class ComposeForm extends ImmutablePureComponent {
           }
         </AutosuggestTextarea>
 
-        <QuotedStatusContainer />
+        <div className='mb-2'>
+          <QuotedStatusContainer />
+        </div>
 
         <div
           className={classNames('flex flex-wrap items-center justify-between', {
diff --git a/app/soapbox/features/status/components/quoted_status.tsx b/app/soapbox/features/status/components/quoted_status.tsx
index 652bc75d5..a7008cfb1 100644
--- a/app/soapbox/features/status/components/quoted_status.tsx
+++ b/app/soapbox/features/status/components/quoted_status.tsx
@@ -127,7 +127,7 @@ class QuotedStatus extends ImmutablePureComponent<IQuotedStatus> {
       <Stack
         space={2}
         className={classNames('mt-3 p-4 rounded-lg border border-solid border-gray-100 dark:border-slate-700 cursor-pointer', {
-          'hover:bg-gray-100 dark:hover:bg-slate-700': !compose,
+          'hover:bg-gray-50 dark:hover:bg-slate-700': !compose,
         })}
         onClick={this.handleExpandClick}
       >