diff --git a/src/demo/pages/ButtonPage/examples/Button.Basic.Example.scss b/src/demo/pages/ButtonPage/examples/Button.Basic.Example.scss
index 8bfbea5dd0bde..e6c7bb5d09cd4 100644
--- a/src/demo/pages/ButtonPage/examples/Button.Basic.Example.scss
+++ b/src/demo/pages/ButtonPage/examples/Button.Basic.Example.scss
@@ -1,3 +1,11 @@
+@import '~office-ui-fabric/src/sass/Fabric.Common';
+
 .ms-BasicButtonsExample .ms-Button {
   margin: 10px 0;
+
+  .ms-Icon {
+    @include margin-right(5px);
+    @include margin-left(-10px);
+  }
 }
+
diff --git a/src/demo/pages/ButtonPage/examples/Button.Basic.Example.tsx b/src/demo/pages/ButtonPage/examples/Button.Basic.Example.tsx
index f80893f1c07a0..c81db5afddb04 100644
--- a/src/demo/pages/ButtonPage/examples/Button.Basic.Example.tsx
+++ b/src/demo/pages/ButtonPage/examples/Button.Basic.Example.tsx
@@ -44,6 +44,12 @@ export class ButtonBasicExample extends React.Component<any, IBasicButtonsExampl
         <Label>Command button</Label>
         <Button disabled={ disabled } buttonType={ ButtonType.command } icon='personAdd' description='Description of the action this button takes'>Create account</Button>
 
+        <Label>Primary Button with Icon</Label>
+        <Button disabled={ disabled } buttonType={ ButtonType.primary } title='Star' description='Description of the action this button takes'>
+          <i className='ms-Icon ms-Icon--star' />
+          <span>I am a button.</span>
+        </Button>
+
         <Label>Icon button</Label>
         <Button disabled={ disabled } buttonType={ ButtonType.icon } icon='star' title='Star' ariaLabel='Take a star' />