diff --git a/common/changes/@uifabric/experiments/HideShowMore_2018-06-01-05-32.json b/common/changes/@uifabric/experiments/HideShowMore_2018-06-01-05-32.json
new file mode 100644
index 0000000000000..a3ae3b72841cc
--- /dev/null
+++ b/common/changes/@uifabric/experiments/HideShowMore_2018-06-01-05-32.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@uifabric/experiments",
+      "comment": "Experiments/Nav component: display \"show more\" link only if there is atleast one hidden link",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@uifabric/experiments",
+  "email": "sikrishn@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/experiments/src/components/Nav/Nav.tsx b/packages/experiments/src/components/Nav/Nav.tsx
index ffea9d72c547c..16d50acfb249d 100644
--- a/packages/experiments/src/components/Nav/Nav.tsx
+++ b/packages/experiments/src/components/Nav/Nav.tsx
@@ -37,6 +37,10 @@ class NavComponent extends NavBase {
       return null;
     }
 
+    // reset the flag
+    // on render link, find if there is atleast one hidden link to display "Show more" link
+    this._hasAtleastOneHiddenLink = false;
+
     return (
       <nav role='navigation'>
         {
@@ -191,9 +195,16 @@ class NavComponent extends NavBase {
         {
           links.map((link: INavLink, linkIndex: number) => {
             if (enableCustomization && link.isHidden && !showMore) {
+              // atleast one link is hidden
+              this._hasAtleastOneHiddenLink = true;
+
               // "Show more" overrides isHidden property
               return null;
             }
+            else if (link.isShowMoreLink && !this._hasAtleastOneHiddenLink && !showMore) {
+              // there is no hidden link, hide "Show more" link
+              return null;
+            }
             else {
               return this._renderLink(link, linkIndex, nestingLevel);
             }
diff --git a/packages/experiments/src/components/Nav/NavBase.tsx b/packages/experiments/src/components/Nav/NavBase.tsx
index 936584337cf78..05f4889100075 100644
--- a/packages/experiments/src/components/Nav/NavBase.tsx
+++ b/packages/experiments/src/components/Nav/NavBase.tsx
@@ -5,6 +5,8 @@ import * as React from 'react';
 /* tslint:enable */
 
 export class NavBase extends React.Component<INavProps, INavState> implements INav {
+  protected _hasAtleastOneHiddenLink = false;
+
   constructor(props: INavProps) {
     super(props);
   }
diff --git a/packages/experiments/src/components/Nav/SlimNav.tsx b/packages/experiments/src/components/Nav/SlimNav.tsx
index 9b939c450517e..9464ca86e6ff3 100644
--- a/packages/experiments/src/components/Nav/SlimNav.tsx
+++ b/packages/experiments/src/components/Nav/SlimNav.tsx
@@ -43,6 +43,10 @@ class SlimNavComponent extends NavBase {
       return null;
     }
 
+    // reset the flag
+    // on render link, find if there is atleast one hidden link to display "Show more" link
+    this._hasAtleastOneHiddenLink = false;
+
     return (
       <nav role='navigation'>
         {
@@ -309,9 +313,16 @@ class SlimNavComponent extends NavBase {
         {
           links.map((link: INavLink, linkIndex: number) => {
             if (enableCustomization && link.isHidden && !showMore) {
+              // atleast one link is hidden
+              this._hasAtleastOneHiddenLink = true;
+
               // "Show more" overrides isHidden property
               return null;
             }
+            else if (link.isShowMoreLink && !this._hasAtleastOneHiddenLink && !showMore) {
+              // there is no hidden link, hide "Show more" link
+              return null;
+            }
             else {
               return this._renderLink(link, linkIndex, nestingLevel);
             }