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}