diff --git a/common/changes/office-ui-fabric-react/v-vibr-HoverCard-keyboardFix_2018-05-30-01-13.json b/common/changes/office-ui-fabric-react/v-vibr-HoverCard-keyboardFix_2018-05-30-01-13.json
new file mode 100644
index 00000000000000..1d4ed5f0ac29a4
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/v-vibr-HoverCard-keyboardFix_2018-05-30-01-13.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "HoverCard: example fix for keyboard navigation to HoverCard target.",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "v-vibr@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.Basic.Example.tsx b/packages/office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.Basic.Example.tsx
index c26c02f5d6ff89..cda46c37089830 100644
--- a/packages/office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.Basic.Example.tsx
+++ b/packages/office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.Basic.Example.tsx
@@ -54,7 +54,7 @@ export class HoverCardBasicExample extends BaseComponent<{}, IHoverCardExampleSt
     if (column.key === 'location') {
       return (
         <HoverCard id='myID1' expandingCardProps={ expandingCardProps } instantOpenOnClick={ true }>
-          <div className='HoverCard-item'>
+          <div className='HoverCard-item' data-is-focusable={ true }>
             { item.location }
           </div>
         </HoverCard>