From 95e1053b7aebcf9a60e50d9ea8dcea6c556eb6ca Mon Sep 17 00:00:00 2001
From: Harshit Singh <73997189+harshit078@users.noreply.github.com>
Date: Mon, 30 Sep 2024 15:43:33 +0530
Subject: [PATCH] fix: Title overflows in mobile viewport for right drawer
 (#7311)

## Description

- This PR solves the issue #7310
---
 .../ui/layout/show-page/components/ShowPageSummaryCard.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx
index 137bad6002..94c3d934cb 100644
--- a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx
@@ -60,7 +60,7 @@ const StyledTitle = styled.div<{ isMobile: boolean }>`
   font-size: ${({ theme }) => theme.font.size.xl};
   font-weight: ${({ theme }) => theme.font.weight.semiBold};
   justify-content: ${({ isMobile }) => (isMobile ? 'flex-start' : 'center')};
-  width: ${({ isMobile }) => (isMobile ? '' : '100%')};
+  max-width: 90%;
 `;
 
 const StyledAvatarWrapper = styled.div`