diff --git a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/CustomDescription.tsx b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/CustomDescription.tsx
index 1076b335..ae6281e8 100644
--- a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/CustomDescription.tsx
+++ b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/CustomDescription.tsx
@@ -36,9 +36,7 @@ const TxDetailsMethodName = styled(Text)`
`
const TxDetailsMethodParam = styled.div`
text-indent: 8px;
-`
-const InlineText = styled(Text)`
- display: inline-flex;
+ display: flex;
`
const TxDetailsContent = styled.div`
padding: 8px 8px 8px 16px;
@@ -56,9 +54,9 @@ const TxInfoDetails = ({ data }: { data: DataDecoded }): React.ReactElement => (
{data.parameters.map((param, index) => (
-
+
{param.name}({param.type}):
-
+
))}
diff --git a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/Value.tsx b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/Value.tsx
index 9cfc3839..eb989108 100644
--- a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/Value.tsx
+++ b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/Value.tsx
@@ -14,14 +14,14 @@ import SafeEtherscanLink from 'src/components/EtherscanLink'
const useStyles = makeStyles(styles)
-const InlineText = styled(Text)`
- display: inline-flex;
-`
-
const NestedWrapper = styled.div`
text-indent: 24px;
`
+const StyledText = styled(Text)`
+ white-space: normal;
+`
+
interface RenderValueProps {
method: string
type: string
@@ -61,15 +61,15 @@ const GenericValue = ({ method, type, value }: RenderValueProps): React.ReactEle
return (
{(value as string[]).map((value, index) => (
-
+
{value}
-
+
))}
)
}
- return {value as string}
+ return {value as string}
}
const Value = ({ type, ...props }: RenderValueProps): React.ReactElement => {