From 28c99cbc64786afb1d2b7d03ab0e34b671a33316 Mon Sep 17 00:00:00 2001
From: Prashant Kumar <38308359+Pk9697@users.noreply.github.com>
Date: Mon, 21 Oct 2024 18:02:19 +0530
Subject: [PATCH] fix: use <button> tag for buttons (#7797)

## What does this PR do?
This PR updates div with button tag for buttons

Fixes #7577

![Screenshot 2024-10-17
210955](https://github.com/user-attachments/assets/54a0c0e9-93ed-4730-a738-bf486f1f58c8)
---
 .../layout/dropdown/components/StyledHeaderDropdownButton.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx
index 150898cc36b6..023060aad4e8 100644
--- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx
@@ -5,9 +5,11 @@ type StyledDropdownButtonProps = {
   isActive?: boolean;
 };
 
-export const StyledHeaderDropdownButton = styled.div<StyledDropdownButtonProps>`
+export const StyledHeaderDropdownButton = styled.button<StyledDropdownButtonProps>`
+  font-family: inherit;
   align-items: center;
   background: ${({ theme }) => theme.background.primary};
+  border: none;
   border-radius: ${({ theme }) => theme.border.radius.sm};
   color: ${({ isActive, theme, color }) =>
     color ?? (isActive ? theme.color.blue : theme.font.color.secondary)};