ButtonGroup on form

mareklibra · Mar 27, 2023 · 7ddb1a7 · 7ddb1a7
1 parent 381b4bb
commit 7ddb1a7
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/plugins/parodos/src/components/Form/Form.tsx b/plugins/parodos/src/components/Form/Form.tsx
@@ -7,7 +7,13 @@ import {
 } from '@rjsf/core-v5';
 import type { FormSchema } from '../types';
 import { JsonValue } from '@backstage/types';
-import { Step, StepLabel, Stepper, Button } from '@material-ui/core';
+import {
+  Step,
+  StepLabel,
+  Stepper,
+  Button,
+  ButtonGroup,
+} from '@material-ui/core';
 import { FluidObjectFieldTemplate } from '../layouts/FluidObjectFieldTemplate';
 import { OutlinedBaseInputTemplate } from './widgets/TextAreaWidget';
 import ArrayFieldTemplate from './Templates/ArrayFieldTemplate';
@@ -98,7 +104,7 @@ export function Form({
       {stepLess ? (
         children
       ) : (
-        <div className={styles.buttonContainer}>
+        <ButtonGroup className={styles.buttonContainer}>
           <Button
             disabled={activeStep === 0}
             className={styles.previous}
@@ -114,7 +120,7 @@ export function Form({
           >
             NEXT
           </Button>
-        </div>
+        </ButtonGroup>
       )}
     </JsonForm>
   );