design: RadioContainer radio wrap 시 옵션간 상하 여백 조정

ConceptBe · Mar 23, 2024 · c4e6359 · c4e6359
1 parent 32b6adc
commit c4e6359
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/RadioContainer/RadioContainer.tsx b/src/components/RadioContainer/RadioContainer.tsx
@@ -31,7 +31,7 @@ const RadioContainer = <T extends string>({
 }: Props<T>) => {
   return (
     <div {...attributes}>
-      <Flex alignItems="center" paddingBottom={12}>
+      <Flex alignItems="center" paddingBottom={4}>
         <Text font="suit15m" color="b9" required={required}>
           {label}
         </Text>
@@ -75,6 +75,7 @@ const RadioLabel = styled.label<{ gap: GapType }>`
   position: relative;
   padding-left: 28px;
   margin-right: ${({ gap }) => (gap === 'large' ? '30px' : '18px')};
+  margin-top: 8px;
   cursor: pointer;
   font-size: 15px;
   font-weight: 500;