diff --git a/x-pack/plugins/maps/public/angular/map.html b/x-pack/plugins/maps/public/angular/map.html
index 83c32230db2ad..b91a6c6cd52c4 100644
--- a/x-pack/plugins/maps/public/angular/map.html
+++ b/x-pack/plugins/maps/public/angular/map.html
@@ -12,7 +12,12 @@
               aria-level="1"
               ng-if="showPluginBreadcrumbs">
               <div class="kuiLocalBreadcrumb">
-                <a class="kuiLocalBreadcrumb__link" href="#">Map</a>
+                <a
+                  class="kuiLocalBreadcrumb__link"
+                  href="#"
+                  i18n-id="xpack.maps.mapController.mapsBreadcrumbLabel"
+                  i18n-default-message="Maps"
+                ></a>
               </div>
               <div class="kuiLocalBreadcrumb">
                 {{ getMapTitle() }}
diff --git a/x-pack/plugins/maps/public/angular/map_controller.js b/x-pack/plugins/maps/public/angular/map_controller.js
index e83c5cc123b28..2da2f4b7ee365 100644
--- a/x-pack/plugins/maps/public/angular/map_controller.js
+++ b/x-pack/plugins/maps/public/angular/map_controller.js
@@ -201,6 +201,10 @@ app.controller('GisMapController', ($scope, $route, config, kbnUrl, localStorage
     }
   });
 
+  $scope.getMapTitle = function () {
+    return $scope.map.title;
+  };
+  // k7design breadcrumbs
   // TODO subscribe to store change and change when store updates title
   chrome.breadcrumbs.set([
     { text: i18n.translate('xpack.maps.mapController.mapsBreadcrumbLabel', {
@@ -208,6 +212,7 @@ app.controller('GisMapController', ($scope, $route, config, kbnUrl, localStorage
     }), href: '#' },
     { text: $scope.map.title }
   ]);
+  config.watch('k7design', (val) => $scope.showPluginBreadcrumbs = !val);
 
   async function doSave(saveOptions) {
     const store = getStore();