diff --git a/src/components/ui/FieldSet/FieldSet.styles.tsx b/src/components/ui/FieldSet/FieldSet.styles.tsx index 634a9b5..4c7aa3b 100644 --- a/src/components/ui/FieldSet/FieldSet.styles.tsx +++ b/src/components/ui/FieldSet/FieldSet.styles.tsx @@ -1,11 +1,11 @@ import styled from "styled-components"; -export const FieldSetElement = styled.fieldset<{ borderRadius?: string }>` +export const FieldSetElement = styled.fieldset<{ $borderRadius?: string }>` padding: 0.5rem; border-color: #d9d9d9; border-width: 1px; border-style: solid; - border-radius: ${(props) => props.borderRadius || "5px"}; + border-radius: ${(props) => props.$borderRadius || "5px"}; font-family: ui-sans-serif, system-ui, diff --git a/src/components/ui/FieldSet/FieldSet.tsx b/src/components/ui/FieldSet/FieldSet.tsx index 7cc69ca..6cacf27 100644 --- a/src/components/ui/FieldSet/FieldSet.tsx +++ b/src/components/ui/FieldSet/FieldSet.tsx @@ -16,7 +16,7 @@ export const FieldSet = (props: FieldSetProps): React.ReactElement => { ); return ( - + {labelComponent} {children}