From 7011dcb37010e217e0ba3d77ca0e3ffce47b3174 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 26 Apr 2025 17:44:02 +0300
Subject: [PATCH] Fix notification button styles

---
 app/components/layout/NotificationPopover.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/components/layout/NotificationPopover.tsx b/app/components/layout/NotificationPopover.tsx
index 08599d3bc..37cb56fd9 100644
--- a/app/components/layout/NotificationPopover.tsx
+++ b/app/components/layout/NotificationPopover.tsx
@@ -1,6 +1,7 @@
 import { useLocation, useMatches, useRevalidator } from "@remix-run/react";
 import clsx from "clsx";
 import * as React from "react";
+import { Button } from "react-aria-components";
 import { useTranslation } from "react-i18next";
 import {
 	NotificationItem,
@@ -47,11 +48,12 @@ export function NotificationPopover() {
 			{unseenIds.length > 0 ? <div className={styles.unseenDot} /> : null}
 			<SendouPopover
 				trigger={
-					<SendouButton
-						icon={<BellIcon />}
+					<Button
 						className="layout__header__button"
 						data-testid="notifications-button"
-					/>
+					>
+						<BellIcon />
+					</Button>
 				}
 				popoverClassName={clsx(styles.popoverContainer, {
 					[styles.noNotificationsContainer]: