From e13296c02a0fc7cb766c9ce63af46e9bb8961165 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 25 Mar 2022 10:10:42 -0700
Subject: [PATCH] Small visual tweaks to the toastbar message

Dropped the font down a little because the degular font is
slighty smaller than inter. Made the X icon bold.
---
 packages/web/lib/toastHelpers.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/lib/toastHelpers.tsx b/packages/web/lib/toastHelpers.tsx
index ea76bb39b..e0cefe827 100644
--- a/packages/web/lib/toastHelpers.tsx
+++ b/packages/web/lib/toastHelpers.tsx
@@ -16,7 +16,7 @@ const toastStyles = {
 }
 
 const messageStyles = {
-  fontSize: 16,
+  fontSize: 14,
   fontWeight: 'bolder',
   color: 'white',
   flex: 1,
@@ -42,7 +42,7 @@ const showToast = (
         {type === 'success' ? <CheckCircle size={24} color='white' /> : <WarningCircle size={24} color='white' />}
         <MessageContainer>{message}</MessageContainer>
         <HStack distribution='end' css={{marginLeft: 16}}>
-          <X size={16} style={{cursor: 'pointer'}} color='#CCEAC4' onClick={() => toast.dismiss(id)} />
+          <X size={18} style={{cursor: 'pointer'}} color='#CCEAC4' weight='bold' onClick={() => toast.dismiss(id)} />
         </HStack>
       </FullWidthContainer>
     ),