diff --git a/css/style.css b/css/style.css
index 24ab07a8b..306d67e5e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -131,8 +131,17 @@ button:hover {
 	font-size: 14pt;
 }
 
+#board-header .crumb {
+	background-image: url(/core/img/breadcrumb.svg?v=1);
+	background-size: auto 24px;
+	background-position: right center;
+	background-repeat: no-repeat;
+	padding: 7px 14px;
+}
+
 #board-header > h1 {
 	white-space: nowrap;
+	padding: 7px;
 }
 
 #board-header #home {
diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index 428751931..0ef8130b3 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -5,12 +5,10 @@
 		<p>{{ statusservice.text }}</p></div>
 </div>
 <div id="board-header">
-	<div class="crumb last">
-		<a href="#" title="<?php p($l->t('All Boards')); ?>">
-			<i class="icon icon-home"></i>
-			<span class="hidden-visually"><?php p($l->t('All Boards')); ?></span>
-		</a>
-	</div>
+	<a class="crumb" href="#" title="<?php p($l->t('All Boards')); ?>">
+		<i class="icon icon-home"></i>
+		<span class="hidden-visually"><?php p($l->t('All Boards')); ?></span>
+	</a>
 	<h1 class="title" style="border-bottom: 2px solid #{{boardservice.getCurrent().color }};">
 		{{ boardservice.getCurrent().title }}
 	</h1>
@@ -114,7 +112,7 @@
 							</ul>
 
 						</div>
-						
+
 						<div class="card-assignees" ng-if="c.assignees">
 							<!--   <div class="avatar" avatar user="{{c.owner}}" size="24"></div>//-->
 						</div>