fix: border radius dom warning (#19)

gisce · Jan 8, 2025 · edd85fc · edd85fc
1 parent ca5c7c8
commit edd85fc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -16,7 +16,7 @@ export const FieldSet = (props: FieldSetProps): React.ReactElement => {
   );
 
   return (
-    <FieldSetElement borderRadius={`${borderRadius || token.borderRadius}px`}>
+    <FieldSetElement $borderRadius={`${borderRadius || token.borderRadius}px`}>
       <Legend>{labelComponent}</Legend>
       {children}
     </FieldSetElement>