fix: <fieldset> element overflows (#3072)

theopensystemslab · May 1, 2024 · 7a9a1f2 · 7a9a1f2
1 parent 1b8acc7
commit 7a9a1f2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/editor.planx.uk/src/@planx/components/Checklist/Public.tsx b/editor.planx.uk/src/@planx/components/Checklist/Public.tsx
@@ -146,7 +146,6 @@ const ChecklistComponent: React.FC<Props> = ({
             container
             spacing={layout === ChecklistLayout.Images ? 2 : 0}
             component="fieldset"
-            sx={{ border: "none", padding: 0 }}
           >
             <legend style={visuallyHidden}>{text}</legend>
             {options ? (

diff --git a/editor.planx.uk/src/@planx/components/DateInput/Public.tsx b/editor.planx.uk/src/@planx/components/DateInput/Public.tsx
@@ -35,7 +35,6 @@ const DateInputPublic: React.FC<Props> = (props) => {
     <Card handleSubmit={formik.handleSubmit}>
       <Box
         component="fieldset"
-        sx={{ p: 0, border: 0 }}
         role="group"
         aria-describedby={[
           props.description ? DESCRIPTION_TEXT : "",

diff --git a/editor.planx.uk/src/theme.ts b/editor.planx.uk/src/theme.ts
@@ -255,6 +255,11 @@ const getThemeOptions = ({
           hr: {
             marginLeft: 0,
           },
+          fieldset: {
+            minInlineSize: "unset",
+            padding: 0,
+            border: 0,
+          },
         },
       },
       MuiButtonBase: {