diff --git a/scenarioo-client/app/scripts/directives/showHideDetailsButton.js b/scenarioo-client/app/scripts/directives/showHideDetailsButton.js
index c21f9e814..274b66b16 100644
--- a/scenarioo-client/app/scripts/directives/showHideDetailsButton.js
+++ b/scenarioo-client/app/scripts/directives/showHideDetailsButton.js
@@ -17,7 +17,7 @@
 
 'use strict';
 
-angular.module('scenarioo.directives').directive('scShowHideDetailsButton', function($window, localStorageService) {
+angular.module('scenarioo.directives').directive('scShowHideDetailsButton', function($window, localStorageService, GlobalHotkeysService) {
 
     var STEP_METADATA_VISIBLE = 'scenarioo-metadataVisible-';
     function initMetadataVisibleFromLocalStorage(scope, key) {
@@ -40,6 +40,11 @@ angular.module('scenarioo.directives').directive('scShowHideDetailsButton', func
             localStorageKey: '@'
         },
         templateUrl: 'views/showHideDetailsButton.html',
+        link: function(scope) {
+            GlobalHotkeysService.registerGlobalHotkey('d', function () {
+                scope.toggleShowingMetadata();
+            });
+        },
         controller: function($scope) {
             initMetadataVisibleFromLocalStorage($scope, $scope.localStorageKey);
             $scope.toggleShowingMetadata = function() {
diff --git a/scenarioo-client/app/views/applicationInfoPopup.html b/scenarioo-client/app/views/applicationInfoPopup.html
index a0571849b..f76e40f70 100755
--- a/scenarioo-client/app/views/applicationInfoPopup.html
+++ b/scenarioo-client/app/views/applicationInfoPopup.html
@@ -85,8 +85,10 @@ <h3>Shortcuts for navigating by keys in Scenarioo</h3>
 
                 </dl>
                 <dl class="dl-horizontal">
-                    <dt>h</dt>
-                    <dd>Home</dd>
+					<dt>h</dt>
+					<dd>Home</dd>
+					<dt>d</dt>
+					<dd>Toggle show meta data</dd>
                     <dt>c</dt>
                     <dd>Configure Scenarioo</dd>
                     <dt>m</dt>
diff --git a/scenarioo-client/app/views/scenario.html b/scenarioo-client/app/views/scenario.html
index b06f965b0..4cff6bb46 100644
--- a/scenarioo-client/app/views/scenario.html
+++ b/scenarioo-client/app/views/scenario.html
@@ -43,7 +43,7 @@ <h2 class="sc-pageTitle">{{scenario.description}}</h2>
         <!-- steps -->
         <div class="row step-view">
             <div ng-repeat="page in pagesAndSteps">
-                <div ng-repeat="step in page.steps | scFilterArray:searchFieldText" ng-show="$index == 0 || showAllStepsForPage($parent.$index)" class="sc-step-in-overview" ng-class="{'col-md-4': !showingMetaData, 'col-md-6': showingMetaData}">
+                <div ng-repeat="step in page.steps | scFilterArray:searchFieldText" ng-show="$index == 0 || showAllStepsForPage($parent.$index)" class="sc-step-in-overview" ng-class="{'col-md-4': !scenarioShowMetadata, 'col-md-6': scenarioShowMetadata}">
                     <h2>
                         <span class="sc-truncate" ng-if="$index == 0">
                             <span class="sc-no-truncate">
diff --git a/scenarioo-client/app/views/usecase.html b/scenarioo-client/app/views/usecase.html
index 719bc6887..70dfdca3d 100755
--- a/scenarioo-client/app/views/usecase.html
+++ b/scenarioo-client/app/views/usecase.html
@@ -29,7 +29,7 @@ <h2 class="sc-pageTitle">{{useCase.description}}</h2>
         </div>
     </div>
     <div class="col-lg-9">
-        <sc-show-hide-details-button linking-variable="useCaseShowMetadata" local-storage-key="main" ></sc-show-hide-details-button>
+        <sc-show-hide-details-button linking-variable="useCaseShowMetadata" local-storage-key="usecase" ></sc-show-hide-details-button>
     </div>
 </div>