diff --git a/src/renderer/components/notifications/AccountNotifications.tsx b/src/renderer/components/notifications/AccountNotifications.tsx
index 9b152288c..3e6546b3d 100644
--- a/src/renderer/components/notifications/AccountNotifications.tsx
+++ b/src/renderer/components/notifications/AccountNotifications.tsx
@@ -107,7 +107,13 @@ export const AccountNotifications: FC<AccountNotificationsProps> = (
             />
           </Button>
 
-          <HoverGroup bgColor="group-hover:bg-gitify-account-rest">
+          <HoverGroup
+            bgColor={
+              props.error
+                ? 'group-hover:bg-gitify-account-error'
+                : 'group-hover:bg-gitify-account-rest'
+            }
+          >
             <HoverButton
               action={() => openGitHubIssues(account.hostname)}
               icon={IssueOpenedIcon}
diff --git a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
index 895bcfc8a..e190709b4 100644
--- a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
@@ -91,7 +91,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx > should ren
           </span>
         </button>
         <div
-          class="absolute inset-y-0 right-0 pr-1 opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest prc-Stack-Stack-UQ9k6"
+          class="absolute inset-y-0 right-0 pr-1 opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-error prc-Stack-Stack-UQ9k6"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -336,7 +336,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx > should ren
           </span>
         </button>
         <div
-          class="absolute inset-y-0 right-0 pr-1 opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest prc-Stack-Stack-UQ9k6"
+          class="absolute inset-y-0 right-0 pr-1 opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-error prc-Stack-Stack-UQ9k6"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
diff --git a/src/renderer/components/primitives/HoverGroup.tsx b/src/renderer/components/primitives/HoverGroup.tsx
index 0fec85c81..d98b7272b 100644
--- a/src/renderer/components/primitives/HoverGroup.tsx
+++ b/src/renderer/components/primitives/HoverGroup.tsx
@@ -8,6 +8,7 @@ interface HoverGroupProps {
   children: ReactNode;
   bgColor:
     | 'group-hover:bg-gitify-account-rest'
+    | 'group-hover:bg-gitify-account-error'
     | 'group-hover:bg-gitify-repository'
     | 'group-hover:bg-gitify-notification-hover';
 }
diff --git a/tailwind.config.mts b/tailwind.config.mts
index 24f23fd61..deb1ce796 100644
--- a/tailwind.config.mts
+++ b/tailwind.config.mts
@@ -50,7 +50,7 @@ const config: Config = {
 
           account: {
             rest: 'var(--control-bgColor-active)',
-            error: 'var(--bgColor-danger-emphasis)',
+            error: 'var(--gitify-account-error-bg)',
           },
 
           repository: 'var(--control-bgColor-disabled)',
@@ -77,6 +77,7 @@ const config: Config = {
       addBase({
         '[data-color-mode="light"]': {
           '--gitify-background': 'var(--bgColor-default)',
+          '--gitify-account-error-bg': 'var(--bgColor-danger-muted)',
 
           '--gitify-scrollbar-track': colors.gray[100],
           '--gitify-scrollbar-thumb': colors.gray[300],
@@ -88,6 +89,7 @@ const config: Config = {
         },
         '[data-color-mode="dark"]': {
           '--gitify-background': 'var(--bgColor-muted)',
+          '--gitify-account-error-bg': 'var(--bgColor-danger-emphasis)',
 
           '--gitify-scrollbar-track': colors.gray[900],
           '--gitify-scrollbar-thumb': colors.gray[700],