From d6393c58556048f2f7d114ffa602faa6ce19e85e Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 24 Nov 2022 15:55:54 +0800
Subject: [PATCH] Style tweaks on delete confirmation view

---
 packages/web/components/elements/StyledText.tsx            | 1 +
 .../components/templates/homeFeed/HomeFeedContainer.tsx    | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/elements/StyledText.tsx b/packages/web/components/elements/StyledText.tsx
index 53efb2229..f1c6b5c61 100644
--- a/packages/web/components/elements/StyledText.tsx
+++ b/packages/web/components/elements/StyledText.tsx
@@ -53,6 +53,7 @@ const textVariants = {
     },
     modalTitle: {
       fontSize: '16px',
+      fontWeight: '600',
       color: '$grayText',
       lineHeight: '1.50',
       margin: 0,
diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index 717af44ca..178f6148e 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -1160,16 +1160,17 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
         <ConfirmationModal
           richMessage={
             <VStack alignment="center" distribution="center">
-              <StyledText style="modalTitle" css={{ margin: '8px' }}>
+              <StyledText style="modalTitle" css={{ margin: '0px 8px' }}>
                 Are you sure you want to delete this item? All associated notes
                 and highlights will be deleted.
               </StyledText>
               {props.linkToRemove?.node && viewerData?.me && (
                 <Box
                   css={{
-                    transform: 'scale(0.8)',
-                    opacity: 0.5,
+                    transform: 'scale(0.6)',
+                    opacity: 0.8,
                     pointerEvents: 'none',
+                    filter: 'grayscale(1)',
                   }}
                 >
                   <LinkedItemCard