diff --git a/Iceshrimp.Frontend/Components/NotificationComponent.razor b/Iceshrimp.Frontend/Components/NotificationComponent.razor
index b7f21ca2..1fe97e68 100644
--- a/Iceshrimp.Frontend/Components/NotificationComponent.razor
+++ b/Iceshrimp.Frontend/Components/NotificationComponent.razor
@@ -32,7 +32,7 @@
                         break; 
                     case { Note: not null, Reaction: not null, Type: "reaction" }:
                         <span class="notification-reaction" title="@NotificationResponse.Reaction.Name">
-                            <InlineEmoji Name="@NotificationResponse.Reaction.Name" Url="@NotificationResponse.Reaction.Url"/>
+                            <InlineEmoji Name="@NotificationResponse.Reaction.Name" Url="@NotificationResponse.Reaction.Url" Hover="true" Size="1.25em"/>
                         </span>
                         <span class="notification-text">@Loc["reacted to your note"]</span>
                         break;
diff --git a/Iceshrimp.Frontend/Components/NotificationComponent.razor.css b/Iceshrimp.Frontend/Components/NotificationComponent.razor.css
index 1ea0970e..1db9094c 100644
--- a/Iceshrimp.Frontend/Components/NotificationComponent.razor.css
+++ b/Iceshrimp.Frontend/Components/NotificationComponent.razor.css
@@ -39,26 +39,6 @@
     filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.7));
 }
 
-::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 {
     font-size: 0.8em;
 }