From 402069f464ff0617eb0bdf785d45ccf8bb368f95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dro=C5=84?= <dron.official@yahoo.com>
Date: Wed, 21 Dec 2022 13:17:33 +0100
Subject: [PATCH] Fix dialog maxHeight on short viewports (#2881)

---
 src/taxes/components/TaxCountryDialog/TaxCountryDialog.tsx | 2 +-
 src/taxes/components/TaxCountryDialog/styles.ts            | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/taxes/components/TaxCountryDialog/TaxCountryDialog.tsx b/src/taxes/components/TaxCountryDialog/TaxCountryDialog.tsx
index 4930dc9d8..8315cb998 100644
--- a/src/taxes/components/TaxCountryDialog/TaxCountryDialog.tsx
+++ b/src/taxes/components/TaxCountryDialog/TaxCountryDialog.tsx
@@ -52,7 +52,7 @@ export const TaxCountryDialog: React.FC<TaxCountryDialogProps> = ({
   >(countries, country => country.country);
 
   return (
-    <Dialog open={open} fullWidth onClose={onClose}>
+    <Dialog open={open} fullWidth onClose={onClose} className={classes.dialog}>
       <DialogHeader onClose={onClose}>
         <FormattedMessage {...taxesMessages.chooseCountryDialogTitle} />
       </DialogHeader>
diff --git a/src/taxes/components/TaxCountryDialog/styles.ts b/src/taxes/components/TaxCountryDialog/styles.ts
index 326bb513f..0f6821bc5 100644
--- a/src/taxes/components/TaxCountryDialog/styles.ts
+++ b/src/taxes/components/TaxCountryDialog/styles.ts
@@ -13,10 +13,13 @@ export const useStyles = makeStyles(
       display: "flex",
       flexDirection: "column",
       overflowY: "scroll",
-      maxHeight: 450,
+      maxHeight: "60vh",
       marginLeft: -15,
       paddingLeft: 15,
     },
+    dialog: {
+      maxHeight: "unset",
+    }
   }),
   { name: "TaxCountryDialog" },
 );