diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx index 5a6dcc33..cebf2b75 100644 --- a/src/components/Modal/index.tsx +++ b/src/components/Modal/index.tsx @@ -47,6 +47,9 @@ const ModalStyled = styled(ModalMUI)` &.smaller-modal-window { height: auto; + max-height: 90vh; + overflow: hidden; + overflow-y: auto; } &.modal { diff --git a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/style.ts b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/style.ts index f1498d01..1c273cca 100644 --- a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/style.ts +++ b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/style.ts @@ -27,6 +27,9 @@ export const styles = createStyles({ formContainer: { padding: `${md} ${lg}`, wordBreak: 'break-word', + maxHeight: '50vh', + overflow: 'hidden', + overflowY: 'auto', }, value: { marginLeft: sm, @@ -48,7 +51,7 @@ export const styles = createStyles({ lineHeight: '1.43', }, buttonRow: { - height: '84px', + padding: '25px', justifyContent: 'center', '& > button': { fontFamily: 'Averta',