diff --git a/src/renderer/src/pages/home/Tabs/components/Agents.tsx b/src/renderer/src/pages/home/Tabs/components/Agents.tsx
index 406d7837fc..07154aed41 100644
--- a/src/renderer/src/pages/home/Tabs/components/Agents.tsx
+++ b/src/renderer/src/pages/home/Tabs/components/Agents.tsx
@@ -60,7 +60,7 @@ export const Agents: FC<AssistantsTabProps> = () => {
             <Button
               onPress={(e) => e.continuePropagation()}
               startContent={<Plus size={16} className="mr-1 shrink-0 translate-x-[-2px]" />}
-              className="w-full justify-start bg-transparent text-foreground-500 hover:bg-accent">
+              className="w-full justify-start bg-transparent text-foreground-500 hover:bg-[var(--color-list-item)]">
               {t('agent.add.title')}
             </Button>
           )
diff --git a/src/renderer/src/pages/home/Tabs/components/Assistants.tsx b/src/renderer/src/pages/home/Tabs/components/Assistants.tsx
index 7b9f85527a..33741ce71a 100644
--- a/src/renderer/src/pages/home/Tabs/components/Assistants.tsx
+++ b/src/renderer/src/pages/home/Tabs/components/Assistants.tsx
@@ -75,7 +75,7 @@ const Assistants: FC<AssistantsProps> = ({
     return (
       <Button
         onPress={onCreateAssistant}
-        className="w-full justify-start bg-transparent text-foreground-500 hover:bg-accent">
+        className="w-full justify-start bg-transparent text-foreground-500 hover:bg-[var(--color-list-item)]">
         <Plus size={16} style={{ marginRight: 4, flexShrink: 0 }} />
         {t('chat.add.assistant.title')}
       </Button>