diff --git a/js/app/Run.js b/js/app/Run.js
index 3c80f44d9..87e342475 100644
--- a/js/app/Run.js
+++ b/js/app/Run.js
@@ -74,4 +74,9 @@ app.run(function ($document, $rootScope, $transitions, BoardService) {
 			}
 		}
 	});
+	// Select all elements with data-toggle="tooltips" in the document
+	$('body').tooltip({
+		selector: '[data-toggle="tooltip"]'
+	});
+
 });
diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index 577112dd1..079006181 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -82,7 +82,7 @@
 							</span>
 							<div class="card-assigned-users">
 								<div class="assigned-user" ng-repeat="user in c.assignedUsers | limitTo: 3">
-									<div class="avatardiv" avatar ng-attr-displayname="{{ user.participant.uid }}"></div>
+									<div class="avatardiv" avatar ng-attr-displayname="{{ user.participant.uid }}" data-toggle="tooltip" data-placement="bottom" title="{{ user.participant.displayname }}"></div>
 								</div>
 							</div>
 							<div class="app-popover-menu-utils" ng-if="!boardservice.isArchived()">
diff --git a/templates/part.card.php b/templates/part.card.php
index c179a0439..d2c14e1ea 100644
--- a/templates/part.card.php
+++ b/templates/part.card.php
@@ -66,7 +66,8 @@
 			</ui-select-choices>
 	</ui-select>
 		<div class="card-details-assign-users-list">
-			<div class="assigned-user" ng-repeat="user in cardservice.getCurrent().assignedUsers">
+			<div class="assigned-user" ng-repeat="user in cardservice.getCurrent().assignedUsers"
+				data-toggle="tooltip" data-placement="bottom" title="{{ user.participant.displayname }}">
 				<div class="avatardiv" avatar ng-attr-displayname="{{ user.participant.uid }}"></div>
 				<div class="icon icon-delete" ng-click="removeAssignedUser(user)"></div>
 			</div>
@@ -88,7 +89,7 @@
 		<h4>
 			<div>
 				<?php p($l->t('Description')); ?>
-				<a href="https://github.com/nextcloud/deck/wiki/Markdown-Help" target="_blank" class="icon icon-help" title="<?php p($l->t('Formatting help')); ?>"><span class="hidden-visually"><?php p($l->t('Formatting help')); ?></span></a>
+				<a href="https://github.com/nextcloud/deck/wiki/Markdown-Help" target="_blank" class="icon icon-help" data-toggle="tooltip" data-placement="right" title="<?php p($l->t('Formatting help')); ?>"><span class="hidden-visually"><?php p($l->t('Formatting help')); ?></span></a>
 			</div>
 			<span class="save-indicator saved"><?php p($l->t('Saved')); ?></span>
 			<span class="save-indicator unsaved"><?php p($l->t('Unsaved changes')); ?></span>