diff --git a/packages/components/src/components/cards/partials/EventCardHeader.tsx b/packages/components/src/components/cards/partials/EventCardHeader.tsx
index e43b2c94..3fcda10d 100644
--- a/packages/components/src/components/cards/partials/EventCardHeader.tsx
+++ b/packages/components/src/components/cards/partials/EventCardHeader.tsx
@@ -193,6 +193,7 @@ export function EventCardHeader(props: EventCardHeaderProps) {
             enableForegroundHover
             fixedIconSize
             iconName={isRead ? 'mail-read' : 'mail'}
+            iconStyle={isRead ? undefined : { lineHeight: 18 }}
             onPress={() =>
               markItemsAsReadOrUnread({
                 type: 'activity',
diff --git a/packages/components/src/components/cards/partials/NotificationCardHeader.tsx b/packages/components/src/components/cards/partials/NotificationCardHeader.tsx
index 41bafc8b..ef242306 100644
--- a/packages/components/src/components/cards/partials/NotificationCardHeader.tsx
+++ b/packages/components/src/components/cards/partials/NotificationCardHeader.tsx
@@ -226,6 +226,7 @@ export function NotificationCardHeader(props: NotificationCardHeaderProps) {
             enableForegroundHover
             fixedIconSize
             iconName={isRead ? 'mail-read' : 'mail'}
+            iconStyle={isRead ? undefined : { lineHeight: 18 }}
             onPress={() =>
               markItemsAsReadOrUnread({
                 type: 'notifications',