diff --git a/common/changes/@uifabric/example-app-base/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json b/common/changes/@uifabric/example-app-base/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
new file mode 100644
index 00000000000000..d14999673285a8
--- /dev/null
+++ b/common/changes/@uifabric/example-app-base/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "",
+      "packageName": "@uifabric/example-app-base",
+      "type": "none"
+    }
+  ],
+  "packageName": "@uifabric/example-app-base",
+  "email": "v-jojanz@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/@uifabric/experiments/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json b/common/changes/@uifabric/experiments/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
new file mode 100644
index 00000000000000..1d3101bee47686
--- /dev/null
+++ b/common/changes/@uifabric/experiments/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "",
+      "packageName": "@uifabric/experiments",
+      "type": "none"
+    }
+  ],
+  "packageName": "@uifabric/experiments",
+  "email": "v-jojanz@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/@uifabric/fabric-website/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json b/common/changes/@uifabric/fabric-website/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
new file mode 100644
index 00000000000000..8f4224c4cc65b3
--- /dev/null
+++ b/common/changes/@uifabric/fabric-website/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "",
+      "packageName": "@uifabric/fabric-website",
+      "type": "none"
+    }
+  ],
+  "packageName": "@uifabric/fabric-website",
+  "email": "v-jojanz@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/@uifabric/styling/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json b/common/changes/@uifabric/styling/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
new file mode 100644
index 00000000000000..e660e9b6e93e4f
--- /dev/null
+++ b/common/changes/@uifabric/styling/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "",
+      "packageName": "@uifabric/styling",
+      "type": "none"
+    }
+  ],
+  "packageName": "@uifabric/styling",
+  "email": "v-jojanz@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/@uifabric/utilities/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json b/common/changes/@uifabric/utilities/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
new file mode 100644
index 00000000000000..8693c0e083baeb
--- /dev/null
+++ b/common/changes/@uifabric/utilities/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "",
+      "packageName": "@uifabric/utilities",
+      "type": "none"
+    }
+  ],
+  "packageName": "@uifabric/utilities",
+  "email": "v-jojanz@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/office-ui-fabric-react/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json b/common/changes/office-ui-fabric-react/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
new file mode 100644
index 00000000000000..a3769d4c930814
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/hotfix-ContextMenu-sample-styles_2018-03-06-19-11.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "Fix ContextualMenu customization sample",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "v-jojanz@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Customization.Example.tsx b/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Customization.Example.tsx
index f67e9544e921cd..e3cbc91b48f104 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Customization.Example.tsx
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Customization.Example.tsx
@@ -204,7 +204,7 @@ export class ContextualMenuCustomizationExample extends React.Component<{}, {}>
       <ul className='ms-ContextualMenu-customizationExample-categoriesList'>
         <li className='ms-ContextualMenu-item'>
           { item.categoryList.map((category: any) =>
-            <button className='ms-ContextualMenu-link' role='menuitem' key={ category.name }>
+            <DefaultButton className='ms-ContextualMenu-link ms-ContextualMenu-customizationExample-button' role='menuitem' key={ category.name }>
               <div>
                 <span
                   className='ms-ContextualMenu-icon ms-ContextualMenu-customizationExample-categorySwatch'
@@ -214,7 +214,7 @@ export class ContextualMenuCustomizationExample extends React.Component<{}, {}>
                   { category.name }
                 </span>
               </div>
-            </button>
+            </DefaultButton>
           ) }
         </li>
       </ul>
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.CustomizationWithNoWrap.Example.tsx b/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.CustomizationWithNoWrap.Example.tsx
index 491d1dbf4f7cf4..1b9713903eb46d 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.CustomizationWithNoWrap.Example.tsx
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.CustomizationWithNoWrap.Example.tsx
@@ -215,7 +215,7 @@ export class ContextualMenuCustomizationWithNoWrapExample extends React.Componen
       <ul className='ms-ContextualMenu-customizationExample-categoriesList'>
         <li className='ms-ContextualMenu-item'>
           { item.categoryList.map((category: any) =>
-            <button key={ category.name } className='ms-ContextualMenu-link' role='menuitem'>
+            <DefaultButton key={ category.name } className='ms-ContextualMenu-link ms-ContextualMenu-customizationExample-button' role='menuitem'>
               <div>
                 <span
                   className='ms-ContextualMenu-icon ms-ContextualMenu-customizationExample-categorySwatch'
@@ -225,7 +225,7 @@ export class ContextualMenuCustomizationWithNoWrapExample extends React.Componen
                   { category.name }
                 </span>
               </div>
-            </button>
+            </DefaultButton>
           ) }
         </li>
       </ul>
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenuExample.scss b/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenuExample.scss
index 83e08bc27f6d42..10e6739218cce7 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenuExample.scss
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenuExample.scss
@@ -47,7 +47,6 @@
   }
 
   .ms-ContextualMenu-customizationExample-categorySwatch {
-    margin: 6px 8px;
     width: 24px;
     height: 24px;
     vertical-align: top;
@@ -68,4 +67,8 @@
       height: auto;
     }
   }
+
+  .ms-ContextualMenu-customizationExample-button {
+    max-width: 50%;
+  }
 }