[fix] Adjust modal styles and text wrapping in TransactionError (#5634)

* adaptive size of the modal

* add relese note

---------

Co-authored-by: Alex <Alex>

packages/desktop-client/src/components/transactions/TransactionsTable.tsx

@@ -1184,7 +1184,12 @@ const Transaction = memo(function Transaction({
           triggerRef={triggerRef}
           isOpen
           isNonModal
-          style={{ width: 375, padding: 5, maxHeight: '38px !important' }}
+          style={{
+            maxWidth: 500,
+            minWidth: 375,
+            padding: 5,
+            maxHeight: '38px !important',
+          }}
           shouldFlip={false}
           placement="bottom end"
           UNSTABLE_portalContainer={listContainerRef.current}
@@ -1703,7 +1708,7 @@ function TransactionError({
             }}
             data-testid="transaction-error"
           >
-            <Text>
+            <Text style={{ whiteSpace: 'nowrap' }}>
               <Trans>Amount left:</Trans>{' '}
               <Text style={{ fontWeight: 500 }}>
                 {integerToCurrency(

upcoming-release-notes/5634.md

@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [milanalexandre]
+---
+
+Adjust the size of the SplitTransactionError modal dynamically