diff --git a/src/components/Menu.js b/src/components/Menu.js
index 69b0a30..50bdc24 100644
--- a/src/components/Menu.js
+++ b/src/components/Menu.js
@@ -7,7 +7,7 @@ import DefaultIcon from "@mui/icons-material/ViewList";
 import LabelIcon from "@mui/icons-material/Label";
 
 const Menu = ({ onMenuClick, logout }) => {
-  const isXSmall = useMediaQuery(theme => theme.breakpoints.down("xs"));
+  const isXSmall = useMediaQuery(theme => theme.breakpoints.down('sm'));
   const open = useSelector(state => state.admin.ui.sidebarOpen);
   const resources = useSelector(getResources);
   return (
diff --git a/src/components/destinations.js b/src/components/destinations.js
index 542b89b..c8c9f8d 100644
--- a/src/components/destinations.js
+++ b/src/components/destinations.js
@@ -20,9 +20,9 @@ import {
   useRefresh,
   useTranslate,
 } from "react-admin";
-import AutorenewIcon from "@material-ui/icons/Autorenew";
-import FolderSharedIcon from "@material-ui/icons/FolderShared";
-import ViewListIcon from "@material-ui/icons/ViewList";
+import AutorenewIcon from "@mui/icons-material/Autorenew";
+import FolderSharedIcon from "@mui/icons-material/FolderShared";
+import ViewListIcon from "@mui/icons-material/ViewList";
 
 const DestinationPagination = props => (
   <Pagination {...props} rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />