diff --git a/packages/core/src/components/ending/Ending.tsx b/packages/core/src/components/ending/Ending.tsx
index d6b4684..2861017 100644
--- a/packages/core/src/components/ending/Ending.tsx
+++ b/packages/core/src/components/ending/Ending.tsx
@@ -27,7 +27,7 @@ export const Ending: React.FC<EndingProps> = ({ model, className }) => {
     const submitStatus = state.submitStatus;
     const styles = useEndingStyles();
     return (
-        <div className={mergeClasses(className, styles.ending, state.classes.ending)}>
+        <div className={mergeClasses(styles.ending, className, state.classes.ending)}>
             {submitStatus.isSubmitError &&
                 <>
                     <ErrorIcon color={quickformtokens.onSurface} />
diff --git a/packages/core/src/components/submit/Submit.tsx b/packages/core/src/components/submit/Submit.tsx
index 6bb8eab..733951f 100644
--- a/packages/core/src/components/submit/Submit.tsx
+++ b/packages/core/src/components/submit/Submit.tsx
@@ -17,7 +17,6 @@ const useSubmitStyles = makeStyles({
     submit: {
         display: 'flex',
         flexDirection: 'column',
-        maxWidth: '72rem',
         transition: 'transform 0.3s ease-out',
         width: '100%',
     }
@@ -51,7 +50,7 @@ export const Submit: React.FC<SubmitProps> = ({ model, className }) => {
 
 
     return (
-        <div className={mergeClasses(className, styles.submit, state.classes.submit)}>
+        <div className={mergeClasses(styles.submit,className,  state.classes.submit)}>
             <Heading >
                 {text}
             </Heading>