Fix dialog maxHeight on short viewports (#2881)

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>

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" },
 );