fix product list covering search bar (#1527) (#1577)

src/shipping/components/ShippingMethodProductsAddDialog/ShippingMethodProductsAddDialog.tsx

@@ -39,7 +39,11 @@ const useStyles = makeStyles(
       paddingLeft: 0
     },
     content: {
-      overflowY: "scroll"
+      overflowY: "scroll",
+      height: 450
+    },
+    searchBar: {
+      marginBottom: theme.spacing(3)
     },
     loadMoreLoaderContainer: {
       alignItems: "center",
@@ -125,20 +129,15 @@ const ShippingMethodProductsAddDialog: React.FC<ShippingMethodProductsAddDialogP
   };
 
   return (
-    <Dialog
-      onClose={handleClose}
-      open={open}
-      classes={{ paper: classes.overflow }}
-      fullWidth
-      maxWidth="sm"
-    >
+    <Dialog onClose={handleClose} open={open} fullWidth maxWidth="sm">
       <DialogTitle>
         <FormattedMessage
           defaultMessage="Assign Products"
           description="dialog header"
         />
       </DialogTitle>
-      <DialogContent className={classes.overflow}>
+      <DialogContent>
+        <div className={classes.searchBar}>
           <TextField
             name="query"
             value={query}
@@ -155,8 +154,8 @@ const ShippingMethodProductsAddDialog: React.FC<ShippingMethodProductsAddDialogP
               endAdornment: loading && <CircularProgress size={16} />
             }}
           />
-      </DialogContent>
-      <DialogContent className={classes.content} id={scrollableTargetId}>
+        </div>
+        <div className={classes.content} id={scrollableTargetId}>
           <InfiniteScroll
             dataLength={products?.length}
             next={onFetchMore}
@@ -223,6 +222,7 @@ const ShippingMethodProductsAddDialog: React.FC<ShippingMethodProductsAddDialogP
               </TableBody>
             </ResponsiveTable>
           </InfiniteScroll>
+        </div>
       </DialogContent>
       <DialogActions>
         <Button onClick={handleClose}>