From 6f89098340f5bac5281c0d48ba61e954a2645503 Mon Sep 17 00:00:00 2001
From: Baptiste Devessier <baptiste@devessier.fr>
Date: Thu, 2 Apr 2026 15:09:04 +0200
Subject: [PATCH] Prevent hovered tab to overflow (#19259)

## Before

<img width="1274" height="102" alt="image"
src="https://github.com/user-attachments/assets/86088cd3-6e15-40f2-8fe4-0090e4fe9572"
/>

## After


https://github.com/user-attachments/assets/fb892f16-f1ca-4e02-b588-2651d5738a9b
---
 .../components/TabButton/internals/components/StyledTabBase.tsx  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.tsx b/packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.tsx
index 1b29ab221a..5fae8cda41 100644
--- a/packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.tsx
+++ b/packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.tsx
@@ -72,6 +72,7 @@ export const StyledTabContainer = styled.div<{
 export const StyledTabHover = styled.span<{
   contentSize?: 'sm' | 'md';
 }>`
+  box-sizing: border-box;
   display: flex;
   gap: ${themeCssVariables.spacing[1]};
   padding: ${({ contentSize }) =>