From 0ab2b8d7690ff50d5f4f4723a0fa95e9216d89cb Mon Sep 17 00:00:00 2001
From: iliya <iliyazelenkog@gmail.com>
Date: Wed, 25 Feb 2026 18:25:26 +0200
Subject: [PATCH] refactor: replace button with Button component in
 TeamDetailView for improved styling

- Updated the headerExtra section in TeamDetailView to use a Button component instead of a button element, enhancing the visual consistency and styling.
- Adjusted the Button properties to align with the design system, including variant and size adjustments.
---
 src/renderer/components/team/TeamDetailView.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/team/TeamDetailView.tsx b/src/renderer/components/team/TeamDetailView.tsx
index db67d54a..d855a787 100644
--- a/src/renderer/components/team/TeamDetailView.tsx
+++ b/src/renderer/components/team/TeamDetailView.tsx
@@ -1013,9 +1013,10 @@ export const TeamDetailView = ({ teamName }: TeamDetailViewProps): React.JSX.Ele
         headerExtra={
           <Tooltip>
             <TooltipTrigger asChild>
-              <button
-                type="button"
-                className="pointer-events-auto rounded p-0.5 text-[var(--color-text-muted)] transition-colors hover:text-[var(--color-text-secondary)]"
+              <Button
+                variant="ghost"
+                size="sm"
+                className="pointer-events-auto size-6 p-0 text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)]"
                 onClick={(e) => {
                   e.stopPropagation();
                   void window.electronAPI.openExternal(
@@ -1024,7 +1025,7 @@ export const TeamDetailView = ({ teamName }: TeamDetailViewProps): React.JSX.Ele
                 }}
               >
                 <Bell size={12} />
-              </button>
+              </Button>
             </TooltipTrigger>
             <TooltipContent side="top">Desktop notifications plugin</TooltipContent>
           </Tooltip>