diff --git a/nailgun/static/js/views/cluster_page.js b/nailgun/static/js/views/cluster_page.js
index a2bf16be6a..5b8cc19919 100644
--- a/nailgun/static/js/views/cluster_page.js
+++ b/nailgun/static/js/views/cluster_page.js
@@ -37,7 +37,7 @@ function(utils, models, commonViews, dialogViews, NodesTab, NetworkTab, Settings
     ClusterPage = commonViews.Page.extend({
         navbarActiveElement: 'clusters',
         breadcrumbsPath: function() {
-            return [['home', '#'], ['environments', '#clusters'], this.model.get('name')];
+            return [['home', '#'], ['environments', '#clusters'], [this.model.get('name'), null, true]];
         },
         title: function() {
             return this.model.get('name');
diff --git a/nailgun/static/templates/common/breadcrumb.html b/nailgun/static/templates/common/breadcrumb.html
index dc0aa89174..8e5dcbd3ec 100644
--- a/nailgun/static/templates/common/breadcrumb.html
+++ b/nailgun/static/templates/common/breadcrumb.html
@@ -1,9 +1,13 @@
 <ul class="breadcrumb">
   <% _.each(path, function(part) { %>
     <% if (_.isArray(part)) { %>
-      <li>
-        <a href="<%- part[1] %>"><%- $.t('breadcrumbs.' + part[0], {defaultValue: part[0]}) %></a> <span class="divider">/</span>
-      </li>
+        <% if (part[2]) { %>
+             <li class="active"><%- part[0] %></li>
+        <% } else { %>
+          <li>
+            <a href="<%- part[1] %>"><%- $.t('breadcrumbs.' + part[0], {defaultValue: part[0]}) %></a><span class="divider">/</span>
+          </li>
+        <% } %>
     <% } else { %>
       <li class="active"><%- $.t('breadcrumbs.' + part, {defaultValue: part}) %></li>
     <% } %>