From 5e64254a1e6aaffd1848ed9ae249c84ae54e9755 Mon Sep 17 00:00:00 2001
From: kyranjamie <kyran.burraston@gmail.com>
Date: Thu, 27 May 2021 09:44:56 +0200
Subject: [PATCH] chore: add overflow to modal, closes #824

---
 app/modals/components/base-modal.tsx   | 2 +-
 app/modals/components/modal-header.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/modals/components/base-modal.tsx b/app/modals/components/base-modal.tsx
index 4c2a90f6d..534b8f9cd 100644
--- a/app/modals/components/base-modal.tsx
+++ b/app/modals/components/base-modal.tsx
@@ -2,5 +2,5 @@ import React from 'react';
 import { color, ControlledModal, ModalProps } from '@stacks/ui';
 
 export const Modal: React.FC<ModalProps> = props => (
-  <ControlledModal border={`1px solid ${color('border')}`} {...props} />
+  <ControlledModal border={`1px solid ${color('border')}`} overflowY="auto" {...props} />
 );
diff --git a/app/modals/components/modal-header.tsx b/app/modals/components/modal-header.tsx
index 0d6b356b9..fac165c20 100644
--- a/app/modals/components/modal-header.tsx
+++ b/app/modals/components/modal-header.tsx
@@ -7,7 +7,7 @@ interface TxModalHeaderProps {
 
 export const ModalHeader: FC<TxModalHeaderProps> = ({ children, onSelectClose }) => (
   <Flex
-    height="84px"
+    minHeight="84px"
     px="extra-loose"
     alignItems="center"
     borderBottom={`1px solid ${color('border')}`}