From 19dfda4ca2080dce8f040e5f85f4e1aa9aee2e47 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 18 Apr 2023 09:39:09 -0400
Subject: [PATCH] GroupLinkPreview: dark mode

---
 app/soapbox/features/groups/components/group-link-preview.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/groups/components/group-link-preview.tsx b/app/soapbox/features/groups/components/group-link-preview.tsx
index dc57702818..be0e9f7468 100644
--- a/app/soapbox/features/groups/components/group-link-preview.tsx
+++ b/app/soapbox/features/groups/components/group-link-preview.tsx
@@ -17,14 +17,14 @@ const GroupLinkPreview: React.FC<IGroupLinkPreview> = ({ card }) => {
   const navigateToGroup = () => history.push(`/groups/${group.id}`);
 
   return (
-    <Stack className='cursor-default overflow-hidden rounded-lg border border-gray-300 text-center'>
+    <Stack className='cursor-default overflow-hidden rounded-lg border border-gray-300 text-center dark:border-gray-800'>
       <div
         className='-mb-8 h-32 w-full bg-center'
         style={{ backgroundImage: `url(${group.header})` }}
       />
 
       <Avatar
-        className='mx-auto border-4 border-white'
+        className='mx-auto border-4 border-white dark:border-primary-900'
         src={group.avatar}
         size={64}
       />