diff --git a/src/components/ChoiceGroup/ChoiceGroup.scss b/src/components/ChoiceGroup/ChoiceGroup.scss
index 206d150389e462..d2bf752f4c20a9 100644
--- a/src/components/ChoiceGroup/ChoiceGroup.scss
+++ b/src/components/ChoiceGroup/ChoiceGroup.scss
@@ -33,6 +33,7 @@ $ms-choiceField-transition-timing: cubic-bezier(.4, 0, .23, 1);
   min-height: 36px;
   border: 1px solid transparent;
   position: relative;
+  line-height: $ms-choiceField-field-size;
   @include padding-left(8px);
 
   .ms-Label {
@@ -72,8 +73,8 @@ $ms-choiceField-transition-timing: cubic-bezier(.4, 0, .23, 1);
   height: 0;
   border-radius: 50%;
   position: absolute;
-  top: 8px;
-  @include left(8px);
+  top: $ms-choiceField-field-size / 2;
+  @include left($ms-choiceField-field-size / 2);
   bottom: 0;
   @include right(0);
   transition-property: top, left, right, width, height;
diff --git a/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx b/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx
index ce1b44a677079f..c1a3c2facbd045 100644
--- a/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx
+++ b/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx
@@ -89,7 +89,7 @@ export class CalloutDirectionalExample extends React.Component<any, ICalloutDire
             <div className='ms-Callout-inner'>
               <div className='ms-Callout-content'>
                 <p className='ms-Callout-subText'>
-                  Message body is optional.If help documentation is available, consider adding a link to learn more at the bottom.
+                  Message body is optional. If help documentation is available, consider adding a link to learn more at the bottom.
                 </p>
               </div>
             </div>