From e98ea3263009a2cb9be10fef19f2f3b7a7a9a3cb Mon Sep 17 00:00:00 2001
From: RabbitDoge <72658581+RabbitDoge@users.noreply.github.com>
Date: Fri, 22 Jan 2021 13:26:20 +0900
Subject: [PATCH] fix: Radio and Breadcrumb (#149)

---
 src/__tests__/components/radio.test.tsx    | 2 +-
 src/components/Breadcrumbs/Breadcrumbs.tsx | 2 +-
 src/components/Radio/Radio.tsx             | 3 +++
 src/components/Radio/types.ts              | 4 +++-
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/__tests__/components/radio.test.tsx b/src/__tests__/components/radio.test.tsx
index 2419ba8cc..4abe147d9 100644
--- a/src/__tests__/components/radio.test.tsx
+++ b/src/__tests__/components/radio.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <input
-        class="sc-bdfBwQ eDQPNu"
+        class="sc-bdfBwQ dsNrbs"
         name="radio"
         scale="md"
         type="radio"
diff --git a/src/components/Breadcrumbs/Breadcrumbs.tsx b/src/components/Breadcrumbs/Breadcrumbs.tsx
index bd0aac6c1..86933f524 100644
--- a/src/components/Breadcrumbs/Breadcrumbs.tsx
+++ b/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -5,7 +5,7 @@ import { space } from "styled-system";
 import ChevronRightIcon from "../Svg/Icons/ChevronRight";
 import { BreadcrumbsProps } from "./types";
 
-const Separator = styled.li`
+const Separator = styled.div`
   align-items: center;
   color: currentColor;
   display: flex;
diff --git a/src/components/Radio/Radio.tsx b/src/components/Radio/Radio.tsx
index 27c1b7cf2..1885ca13e 100644
--- a/src/components/Radio/Radio.tsx
+++ b/src/components/Radio/Radio.tsx
@@ -1,4 +1,5 @@
 import styled from "styled-components";
+import { space } from "styled-system";
 import { RadioProps, scales } from "./types";
 
 const getScale = ({ scale }: RadioProps) => {
@@ -66,10 +67,12 @@ const Radio = styled.input.attrs({ type: "radio" })<RadioProps>`
     cursor: default;
     opacity: 0.6;
   }
+  ${space}
 `;
 
 Radio.defaultProps = {
   scale: scales.MD,
+  m: 0,
 };
 
 export default Radio;
diff --git a/src/components/Radio/types.ts b/src/components/Radio/types.ts
index eee67dcd8..055e9ad67 100644
--- a/src/components/Radio/types.ts
+++ b/src/components/Radio/types.ts
@@ -1,3 +1,5 @@
+import { SpaceProps } from "styled-system";
+
 export type RadioTheme = {
   handleBackground: string;
 };
@@ -9,6 +11,6 @@ export const scales = {
 
 export type Scales = typeof scales[keyof typeof scales];
 
-export interface RadioProps {
+export interface RadioProps extends SpaceProps {
   scale?: Scales;
 }