From 1492340079ba29105bf7d456d56c7bbe57d055b4 Mon Sep 17 00:00:00 2001
From: Ronin <amanpathan526@gmail.com>
Date: Mon, 14 Oct 2024 21:52:50 +0530
Subject: [PATCH] [Fix] : Horizontal scroll issue in dropdown  (#7682)

In this PR, I changed the hard-coded width value to a dynamic value
which will be calculated based on the parent container.

This PR closes issue: #7615
---
 .../components/RecordIndexPageKanbanAddMenuItem.tsx             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx
index a99b3abfd862..f7b288191413 100644
--- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx
@@ -5,7 +5,7 @@ import styled from '@emotion/styled';
 import { Tag } from 'twenty-ui';
 
 const StyledMenuItem = styled(MenuItem)`
-  width: 200px;
+  width: calc(100% - 2 * var(--horizontal-padding));
 `;
 
 type RecordIndexPageKanbanAddMenuItemProps = {