From 097f7bbbd5b1ffc57e39a633bbc5bace7c96a620 Mon Sep 17 00:00:00 2001
From: "Shan8851.eth" <asamshan456@gmail.com>
Date: Thu, 26 Sep 2024 09:50:38 +0100
Subject: [PATCH] fix(APP-3490): Fix truncation issue on
 VoteProposalDataListItem module component (#302)

---
 CHANGELOG.md                                                  | 4 ++++
 .../voteProposalDataListItemStructure.tsx                     | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 99b4e966..db1257e3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Added
+
+-   Add truncation to `VoteProposalDateListItem` module component.
+
 ## [1.0.47] - 2024-09-23
 
 ### Added
diff --git a/src/modules/components/vote/voteProposalDataListItem/voteProposalDataListItemStructure/voteProposalDataListItemStructure.tsx b/src/modules/components/vote/voteProposalDataListItem/voteProposalDataListItemStructure/voteProposalDataListItemStructure.tsx
index 098826bb..7231151e 100644
--- a/src/modules/components/vote/voteProposalDataListItem/voteProposalDataListItemStructure/voteProposalDataListItemStructure.tsx
+++ b/src/modules/components/vote/voteProposalDataListItem/voteProposalDataListItemStructure/voteProposalDataListItemStructure.tsx
@@ -37,8 +37,8 @@ export const VoteProposalDataListItemStructure: React.FC<IVoteProposalDataListIt
             {...otherProps}
         >
             <div className="flex items-center gap-x-1 text-base font-normal leading-tight md:gap-x-1.5 md:text-lg">
-                <span className="text-ellipsis whitespace-nowrap text-neutral-500">{proposalId}</span>
-                <span className="truncate text-neutral-800">{proposalTitle}</span>
+                <p className="shrink-0 text-neutral-500">{proposalId}</p>
+                <p className="line-clamp-1 text-neutral-800">{proposalTitle}</p>
             </div>
             <div className="flex items-center gap-x-1 text-sm font-normal leading-tight text-neutral-500 md:gap-x-1.5 md:text-base">
                 <span>{confirmationLabel ?? copy.voteProposalDataListItemStructure.voted}</span>