diff --git a/src/dev-app/dev-app/dev-app-layout.html b/src/dev-app/dev-app/dev-app-layout.html
index deec873d4433..94fee6410568 100644
--- a/src/dev-app/dev-app/dev-app-layout.html
+++ b/src/dev-app/dev-app/dev-app-layout.html
@@ -35,7 +35,11 @@
   <main [attr.dir]="state.direction" [class]="getDensityClass()" class="demo-main">
     <!-- The toolbar should always be in the LTR direction -->
     <mat-toolbar color="primary" dir="ltr">
-      <button class="demo-menu-button" matIconButton (click)="navigation.open('mouse')">
+      <button
+        class="demo-menu-button"
+        matIconButton
+        matTooltip="{{ navigation.opened ? 'Close' : 'Open'}} Navigation Menu"
+        (click)="navigation.open('mouse')">
         <mat-icon>menu</mat-icon>
       </button>
       <div class="demo-toolbar">