From 93c92a4f9cf6115ab671150cd7c608a4cf77b90d Mon Sep 17 00:00:00 2001
From: Bill He <bill@dydx.exchange>
Date: Mon, 15 Jan 2024 21:15:53 -0800
Subject: [PATCH] address comments

---
 .../BlockRewardNotification/index.tsx           | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/views/notifications/BlockRewardNotification/index.tsx b/src/views/notifications/BlockRewardNotification/index.tsx
index 3e4631f..200522b 100644
--- a/src/views/notifications/BlockRewardNotification/index.tsx
+++ b/src/views/notifications/BlockRewardNotification/index.tsx
@@ -8,7 +8,6 @@ import { Notification, NotificationProps } from '@/components/Notification';
 import { Output, OutputType } from '@/components/Output';
 import { Icon, IconName } from '@/components/Icon';
 
-
 type ElementProps = {
   data: {
     BLOCK_REWARD_AMOUNT: string;
@@ -40,7 +39,13 @@ export const BlockRewardNotification = ({
             {
               key: 'block_reward',
               label: stringGetter({ key: STRING_KEYS.BLOCK_REWARD }),
-              value: <Output type={OutputType.Asset} value={BLOCK_REWARD_AMOUNT} tag={TOKEN_NAME} />,
+              value: (
+                <Styled.Output
+                  type={OutputType.Asset}
+                  value={BLOCK_REWARD_AMOUNT}
+                  tag={TOKEN_NAME}
+                />
+              ),
             },
           ]}
         />
@@ -63,3 +68,11 @@ Styled.Notification = styled(Notification)`
   background-image: url('/dots-background-2.svg');
   background-size: cover;
 `;
+
+Styled.Output = styled(Output)`
+  &:before {
+    content: '+';
+    color: var(--color-positive);
+    margin-right: 0.5ch;
+  }
+`;