From 42cee74c7207f24c33648801890a344563aa4b63 Mon Sep 17 00:00:00 2001
From: Ilya Matiach <ilmat@microsoft.com>
Date: Mon, 27 Nov 2023 14:17:26 -0500
Subject: [PATCH] fix switch cohort window getting clipped when zoomed in for
 accessibility

---
 .../Cohort/ShiftCohort.tsx                       | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/ShiftCohort.tsx b/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/ShiftCohort.tsx
index b2ba110b70..65e5b76542 100644
--- a/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/ShiftCohort.tsx
+++ b/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/ShiftCohort.tsx
@@ -107,8 +107,20 @@ export class ShiftCohort extends React.Component<
           },
           isBlocking: true
         }}
-        minWidth={740}
-        maxWidth={1000}
+        styles={{
+          main: {
+            selectors: {
+              "@media (max-width: 740px)": {
+                maxWidth: "740px",
+                minWidth: "100px"
+              },
+              "@media (min-width: 740px)": {
+                maxWidth: "1000px",
+                minWidth: "740px"
+              }
+            }
+          }
+        }}
       >
         <Dropdown
           placeholder={localizationBase.selectCohort}