Repacked multiple files with old mui to merge together

frontend/src/components/OrgHeader.jsx

@@ -1,23 +1,17 @@
 import React, { useEffect } from "react";
-import theme from '../theme.jsx';
-import { makeStyles } from "@mui/styles";
-
-import {
-	Tooltip,
-	Grid, 
-	Button, 
-	TextField,
-	Typography, 
-	IconButton,
-} from "@mui/material";
+import { makeStyles } from "@material-ui/styles";
+import { useTheme } from "@material-ui/core/styles";
 
+import Tooltip from "@material-ui/core/Tooltip";
+import Grid from "@material-ui/core/Grid";
+import Button from "@material-ui/core/Button";
+import TextField from "@material-ui/core/TextField";
+import Typography from "@material-ui/core/Typography";
 import { useAlert } from "react-alert";
-
-import {
-	ExpandLess as ExpandLessIcon,
-	ExpandMore as ExpandMoreIcon, 
-	Save as SaveIcon, 
-} from "@mui/icons-material";
+import IconButton from "@material-ui/core/IconButton";
+import ExpandLessIcon from "@material-ui/icons/ExpandLess";
+import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
+import SaveIcon from "@material-ui/icons/Save";
 
 const useStyles = makeStyles({
   notchedOutline: {
@@ -39,6 +33,7 @@ const OrgHeader = (props) => {
   	handleEditOrg, 
   } = props;
 
+  const theme = useTheme();
   const alert = useAlert();
   const classes = useStyles();
 
@@ -101,10 +96,9 @@ const OrgHeader = (props) => {
   //console.log("USER: ", userdata)
   const orgSaveButton = (
     <Tooltip title="Save any unsaved data" placement="bottom">
-	  <div>
       <Button
         style={{ width: 150, height: 55, flex: 1 }}
-        variant="contained"
+        variant="outlined"
         color="primary"
         disabled={
           userdata === undefined || userdata === null || userdata.admin !== "true"
@@ -123,7 +117,6 @@ const OrgHeader = (props) => {
       >
         <SaveIcon />
       </Button>
-	  </div>
     </Tooltip>
   );