diff --git a/Iceshrimp.Frontend/Components/NotificationComponent.razor b/Iceshrimp.Frontend/Components/NotificationComponent.razor
index e70733a6..b7f21ca2 100644
--- a/Iceshrimp.Frontend/Components/NotificationComponent.razor
+++ b/Iceshrimp.Frontend/Components/NotificationComponent.razor
@@ -31,7 +31,9 @@
@Loc["liked note"]
break;
case { Note: not null, Reaction: not null, Type: "reaction" }:
-
+
+
+
@Loc["reacted to your note"]
break;
case { Type: "follow", User: not null }:
diff --git a/Iceshrimp.Frontend/Components/NotificationComponent.razor.css b/Iceshrimp.Frontend/Components/NotificationComponent.razor.css
index f06e43b2..1ea0970e 100644
--- a/Iceshrimp.Frontend/Components/NotificationComponent.razor.css
+++ b/Iceshrimp.Frontend/Components/NotificationComponent.razor.css
@@ -36,16 +36,27 @@
top: 3em;
left: 3em;
display: inline-block;
- width: 1.25em;
- height: 1.25em;
- object-fit: contain;
filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.7));
- transition-duration: 250ms;
}
-.notification-reaction:hover {
- transform: scale(1.5);
- z-index: +1;
+::deep {
+ .notification-reaction .custom-reaction {
+ font-size: 1.25em;
+ transition-duration: 250ms;
+ }
+}
+
+::deep {
+ .notification-reaction .custom-reaction:hover {
+ transform: scale(1.5);
+ z-index: +1;
+ }
+}
+
+::deep {
+ .notification-reaction .unicode-reaction {
+ font-size: 1.25em;
+ }
}
.notification-text {