fix: proposal word break

DistributedCollective · Dec 19, 2023 · bbb4ab2 · bbb4ab2
1 parent cf3c2dc
commit bbb4ab2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/apps/frontend/src/app/5_pages/ProposalPage/ProposalPage.tsx b/apps/frontend/src/app/5_pages/ProposalPage/ProposalPage.tsx
@@ -74,10 +74,10 @@ const ProposalPage: FC = () => {
       <div className="w-full flex flex-col lg:flex-row lg:gap-5 xl:gap-20 text-left text-gray-10 mt-6 mb-5 sm:mt-16 max-w-7xl">
         <div className="w-full lg:w-2/3 flex flex-col gap-6">
           <div className="lg:px-6 lg:pb-6">
-            <Heading className="text-base sm:text-2xl font-medium break-keep">
+            <Heading className="text-base sm:text-2xl font-medium break-words">
               {proposalInfo.title}
             </Heading>
-            <div className="mt-2.5 sm:mt-3 font-medium text-gray-30 break-keep">
+            <div className="mt-2.5 sm:mt-3 font-medium text-gray-30 break-words">
               {proposalInfo.summary}
             </div>
             <div className="mt-2.5 sm:mt-6 text-xs font-medium text-gray-30 flex justify-between lg:justify-start">

diff --git a/apps/frontend/src/app/5_pages/ProposalPage/components/ProposalInfo/ProposalInfo.tsx b/apps/frontend/src/app/5_pages/ProposalPage/components/ProposalInfo/ProposalInfo.tsx
@@ -47,7 +47,7 @@ export const ProposalInfo: FC<ProposalInfoProps> = ({ link, description }) => (
       </Paragraph>
       <div className="overflow-auto">
         <ReactMarkdown
-          className="text-xs text-gray-30 break-words sm:break-keep"
+          className="text-xs text-gray-30 break-words sm:break-words"
           remarkPlugins={[remarkGfm]}
         >
           {description}