diff --git a/app/soapbox/components/badge.tsx b/app/soapbox/components/badge.tsx
index 7f6c8a09f..78610870f 100644
--- a/app/soapbox/components/badge.tsx
+++ b/app/soapbox/components/badge.tsx
@@ -10,11 +10,11 @@ interface IBadge {
 const Badge: React.FC<IBadge> = ({ title, slug }) => (
   <span
     data-testid='badge'
-    className={classNames('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium text-white', {
-      'bg-fuchsia-700': slug === 'patron',
-      'bg-yellow-500': slug === 'donor',
-      'bg-black': slug === 'admin',
-      'bg-cyan-600': slug === 'moderator',
+    className={classNames('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', {
+      'bg-fuchsia-700 text-white': slug === 'patron',
+      'bg-yellow-500 text-white': slug === 'donor',
+      'bg-black text-white': slug === 'admin',
+      'bg-cyan-600 text-white': slug === 'moderator',
       'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100': slug === 'bot',
       'bg-white bg-opacity-75 text-gray-900': slug === 'opaque',
     })}
diff --git a/app/soapbox/components/quoted-status.tsx b/app/soapbox/components/quoted-status.tsx
index 832b1cef9..6d8af184c 100644
--- a/app/soapbox/components/quoted-status.tsx
+++ b/app/soapbox/components/quoted-status.tsx
@@ -126,8 +126,8 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
     <Stack
       data-testid='quoted-status'
       space={2}
-      className={classNames('mt-3 p-4 rounded-lg border border-solid border-gray-100 dark:border-gray-800 cursor-pointer', {
-        'hover:bg-gray-50 dark:hover:bg-gray-800': !compose,
+      className={classNames('mt-3 p-4 rounded-lg border border-solid border-gray-300 dark:border-gray-800 cursor-pointer', {
+        'hover:bg-gray-100 dark:hover:bg-gray-800': !compose,
       })}
       onClick={handleExpandClick}
     >