diff --git a/packages/stateless/components/NftCard.tsx b/packages/stateless/components/NftCard.tsx
index 24575228a3..f51fb82818 100644
--- a/packages/stateless/components/NftCard.tsx
+++ b/packages/stateless/components/NftCard.tsx
@@ -335,7 +335,7 @@ export const NftCard = forwardRef<HTMLDivElement, NftCardProps>(
             <div className="space-y-1">
               <MarkdownRenderer
                 className={
-                  descriptionCollapsed ? 'break-words line-clamp-3' : undefined
+                  descriptionCollapsed ? 'line-clamp-3 break-words' : undefined
                 }
                 markdown={description}
               />
diff --git a/packages/stateless/components/dao/DaoCard.tsx b/packages/stateless/components/dao/DaoCard.tsx
index ab5187355b..20ee79d1eb 100644
--- a/packages/stateless/components/dao/DaoCard.tsx
+++ b/packages/stateless/components/dao/DaoCard.tsx
@@ -140,7 +140,7 @@ export const DaoCard = ({
       </div>
 
       <div className="self-stretch">
-        <p className="secondary-text mb-5 w-full break-words line-clamp-3">
+        <p className="secondary-text line-clamp-3 mb-5 w-full break-words">
           {removeMarkdown(description)}
         </p>
 
diff --git a/packages/stateless/components/proposal/ProposalCard.tsx b/packages/stateless/components/proposal/ProposalCard.tsx
index d22690da2b..a2cabc5299 100644
--- a/packages/stateless/components/proposal/ProposalCard.tsx
+++ b/packages/stateless/components/proposal/ProposalCard.tsx
@@ -59,7 +59,7 @@ export const ProposalCard = ({
           </p>
         </DaoImage>
         <p className="primary-text text-center text-text-body">{title}</p>
-        <p className="secondary-text break-words line-clamp-4">
+        <p className="secondary-text line-clamp-4 break-words">
           {removeMarkdown(description)}
         </p>
       </div>
diff --git a/packages/stateless/components/proposal/ProposalLine.tsx b/packages/stateless/components/proposal/ProposalLine.tsx
index b187b9594a..a417838cb7 100644
--- a/packages/stateless/components/proposal/ProposalLine.tsx
+++ b/packages/stateless/components/proposal/ProposalLine.tsx
@@ -93,7 +93,7 @@ export const ProposalLine = ({
           )}
         </div>
 
-        <p className="body-text break-words line-clamp-2">{title}</p>
+        <p className="body-text line-clamp-2 break-words">{title}</p>
       </div>
 
       <div className="flex flex-row items-center justify-between gap-6">
diff --git a/packages/stateless/components/vesting/VestingPaymentCard.tsx b/packages/stateless/components/vesting/VestingPaymentCard.tsx
index 4f321ef469..55d8b31baa 100644
--- a/packages/stateless/components/vesting/VestingPaymentCard.tsx
+++ b/packages/stateless/components/vesting/VestingPaymentCard.tsx
@@ -341,7 +341,7 @@ export const VestingPaymentCard = ({
 
             <MarkdownRenderer
               className={
-                descriptionCollapsed ? 'break-words line-clamp-2' : undefined
+                descriptionCollapsed ? 'line-clamp-2 break-words' : undefined
               }
               markdown={description}
             />