diff --git a/playbook/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb b/playbook/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb
index f5593332a6..f7e44c3a03 100644
--- a/playbook/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb
+++ b/playbook/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb
@@ -10,6 +10,7 @@
 <%= pb_rails("radio", props: {
   custom_children: true,
   label: "Select",
+  margin_bottom: "sm",
   name: "Group1",
   value: "Select",
 }) do %>
@@ -22,6 +23,7 @@
 <%= pb_rails("radio", props: {
   custom_children: true,
   label: "Typeahead",
+  margin_bottom: "sm",
   name: "Group1",
   value: "Typeahead",
 }) do %>
diff --git a/playbook/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx b/playbook/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx
index 20fc3fe7d9..6f5510ea34 100644
--- a/playbook/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx
+++ b/playbook/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx
@@ -19,12 +19,14 @@ const RadioChildren = (props) => {
       <Radio
           customChildren
           label="Select"
+          marginBottom="sm"
           name="Group1"
           tabIndex={0}
           value="Select"
           {...props}
       >
-        <Select 
+        <Select
+            marginBottom="none"
             minWidth="xs"
             options={options}
         />
@@ -32,17 +34,18 @@ const RadioChildren = (props) => {
       <Radio
           customChildren
           label="Typeahead"
+          marginBottom="sm"
           name="Group1"
           tabIndex={0}
           value="Typeahead"
           {...props}
       >
         <Typeahead 
+            marginBottom="none"
             minWidth="xs"
             options={options}
         />
       </Radio>
-      <br />
       <Radio
           customChildren
           defaultChecked={false}