feat(APP-3615): Update DialogHeader component to not truncate descrip…

…tion strings (#383)

CHANGELOG.md

@@ -13,7 +13,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Changed
 
-- Update style of `ProposalActionItem` module component, render link to block explorer for target address
+- Update `<DialogHeader />` core component to not truncate description strings
+- Update style of `<ProposalActionItem />` module component, render link to block explorer for target address
 - Rename `tokenPrice` property to `amountUsd` on `<TransactionDataListItem />` module component
 - Update workflow to deploy Storybook application to Github pages
 - Update minor and patch NPM dependencies

src/core/components/dialogs/dialog/dialogHeader/dialogHeader.tsx

@@ -38,7 +38,7 @@ export const DialogHeader: React.FC<IDialogHeaderProps> = (props) => {
 
     return (
         <div
-            className="flex w-full items-center gap-x-3 rounded-t-xl bg-modal-header px-4 pb-2 pt-4 backdrop-blur-md md:gap-x-4 md:px-6 md:pt-6"
+            className="flex w-full items-start gap-x-3 rounded-t-xl bg-modal-header px-4 pb-2 pt-4 backdrop-blur-md md:gap-x-4 md:px-6 md:pt-6"
             {...otherProps}
         >
             {showBackButton && (
@@ -50,12 +50,10 @@ export const DialogHeader: React.FC<IDialogHeaderProps> = (props) => {
                     onClick={onBackClick}
                 />
             )}
-            <div className="min-w-0 flex-1 space-y-0.5">
+            <div className="min-w-0 flex-1 gap-0.5">
                 <Title className="flex-1 truncate text-lg leading-tight text-neutral-800">{title}</Title>
                 {description && (
-                    <Description className="flex-1 truncate text-sm leading-normal text-neutral-500">
-                        {description}
-                    </Description>
+                    <Description className="flex-1 text-sm leading-normal text-neutral-500">{description}</Description>
                 )}
             </div>
             <Close asChild={true}>