fix: use card in new as well as edit

src/components/form/DefaultFormContents.tsx

@@ -1,13 +1,13 @@
 import i18n from '@dhis2/d2-i18n'
+import { Card } from '@dhis2/ui'
 import React from 'react'
 import { useFormState } from 'react-final-form'
 import { useNavigate } from 'react-router-dom'
 import { getSectionPath } from '../../lib'
 import { ModelSection } from '../../types'
-import { StandardFormSection, StandardFormActions } from '../standardForm'
+import { StandardFormActions, StandardFormSection } from '../standardForm'
 import classes from './DefaultFormContents.module.css'
 import { DefaultFormErrorNotice } from './DefaultFormErrorNotice'
-import { Card } from '@dhis2/ui'
 
 export function DefaultEditFormContents({
     children,
@@ -60,7 +60,7 @@ export function DefaultNewFormContents({
     const listPath = `/${getSectionPath(section)}`
 
     return (
-        <div className={classes.form}>
+        <Card className={classes.form}>
             {children}
             <StandardFormSection>
                 <DefaultFormErrorNotice />
@@ -73,6 +73,6 @@ export function DefaultNewFormContents({
                 submitting={submitting}
                 onCancelClick={() => navigate(listPath)}
             />
-        </div>
+        </Card>
     )
 }