MemberForm: Fix styling

lithictech · Aug 30, 2024 · 1da3b06 · 1da3b06
1 parent 1a019df
commit 1da3b06
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/adminapp/src/pages/MemberForm.jsx b/adminapp/src/pages/MemberForm.jsx
@@ -7,7 +7,6 @@ import { useGlobalApiState } from "../hooks/globalApiState";
 import useRoleAccess from "../hooks/useRoleAccess";
 import mergeAt from "../shared/mergeAt";
 import withoutAt from "../shared/withoutAt";
-import theme from "../theme";
 import AddIcon from "@mui/icons-material/Add";
 import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline";
 import DeleteIcon from "@mui/icons-material/Delete";
@@ -112,7 +111,7 @@ function Roles({ roles, setRoles }) {
       <FormHelperText>
         If you remove special roles like "admin", you will be logged out of this account.
       </FormHelperText>
-      <Stack direction="row" spacing={1} sx={{ mt: theme.spacing(1) }}>
+      <Stack direction="row" gap={1} sx={{ marginTop: 1, flexWrap: "wrap" }}>
         {allRoles === null && <CircularProgress />}
         {allRoles?.map((r) => {
           const hasRole = hasRoleIds.has(r.id);