diff --git a/src/components/Form/FormControlButtons.tsx b/src/components/Form/FormControlButtons.tsx
index 0c1b9cc8..d96350ac 100644
--- a/src/components/Form/FormControlButtons.tsx
+++ b/src/components/Form/FormControlButtons.tsx
@@ -1,15 +1,20 @@
import { styled } from "@mui/material/styles";
import Box, { type BoxProps } from "@mui/material/Box";
-import { FormSubmitButton, type FormSubmitButtonProps } from "@components/Form/FormSubmitButton";
-import { BackButton, type BackButtonProps } from "@components/Navigation/BackButton";
+import { BackButton, type BackButtonProps } from "@/components/Navigation/BackButton";
+import { FormSubmitButton, type FormSubmitButtonProps } from "./FormSubmitButton";
import { formClassNames } from "./classNames";
+/**
+ * A `Form` component which includes `` and `` components
+ * for convenience. The buttons are contained within a flex-box.
+ */
export const FormControlButtons = ({
FormSubmitButtonProps = {},
BackButtonProps = {},
- ...containerProps
+ className = "",
+ ...boxProps
}: FormControlButtonsProps) => (
-
+
@@ -36,7 +41,6 @@ const StyledBox = styled(Box)(({ theme }) => ({
: { width: "min-content", margin: "0" }),
paddingLeft: "1.5rem",
paddingRight: "1.5rem",
- lineHeight: "2rem",
borderRadius: "1.5rem",
},
}));
@@ -44,4 +48,4 @@ const StyledBox = styled(Box)(({ theme }) => ({
export type FormControlButtonsProps = {
FormSubmitButtonProps?: FormSubmitButtonProps;
BackButtonProps?: BackButtonProps;
-} & BoxProps;
+} & Omit;