From 8c173c840bd1bdf2697d4cccd449d807170637bf Mon Sep 17 00:00:00 2001
From: Yassin Eldeeb <yassineldeeb94@gmail.com>
Date: Tue, 19 Apr 2022 17:50:19 +0200
Subject: [PATCH] fix(web): overflow with auto scroll instead of scroll (#2535)

* fix(readme): update setup steps

* fix(readme): update required node version in prerequisites section

* fix(web): overflow-auto instead of overflow-scroll

* Revert "fix(readme): update setup steps"

This reverts commit 2938d510c874e9298b82465baeae5af9181c01d8.

* Revert "fix(readme): update required node version in prerequisites section"

This reverts commit 848e1a153538475acb42daa6ddbd74dd474611f5.

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
Co-authored-by: Bailey Pumfleet <pumfleet@hey.com>
---
 apps/web/components/ui/ModalContainer.tsx                       | 2 +-
 .../ee/components/team/availability/TeamAvailabilityModal.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/ui/ModalContainer.tsx b/apps/web/components/ui/ModalContainer.tsx
index c348a58ecf..94f79dd4e7 100644
--- a/apps/web/components/ui/ModalContainer.tsx
+++ b/apps/web/components/ui/ModalContainer.tsx
@@ -22,7 +22,7 @@ export default function ModalContainer(props: Props) {
               {
                 "sm:w-full sm:max-w-lg ": !props.wide,
                 "sm:w-4xl sm:max-w-4xl": props.wide,
-                "overflow-scroll": props.scroll,
+                "overflow-auto": props.scroll,
                 "!p-0": props.noPadding,
               }
             )}>
diff --git a/apps/web/ee/components/team/availability/TeamAvailabilityModal.tsx b/apps/web/ee/components/team/availability/TeamAvailabilityModal.tsx
index 03150adf92..bb7c3ae924 100644
--- a/apps/web/ee/components/team/availability/TeamAvailabilityModal.tsx
+++ b/apps/web/ee/components/team/availability/TeamAvailabilityModal.tsx
@@ -80,7 +80,7 @@ export default function TeamAvailabilityModal(props: Props) {
       </div>
       {props.team && props.member && (
         <TeamAvailabilityTimes
-          className="overflow-scroll"
+          className="overflow-auto"
           teamId={props.team.id}
           memberId={props.member.id}
           frequency={frequency}