diff --git a/src/components/RecipientBubble.vue b/src/components/RecipientBubble.vue
index f332c9a8d2..44acf82f35 100644
--- a/src/components/RecipientBubble.vue
+++ b/src/components/RecipientBubble.vue
@@ -264,7 +264,8 @@ export default {
 	flex-wrap: wrap;
 }
 .contact-popover {
-	display: inline-block;
+	display: flex;
+	padding: 2px;
 
 	&__email {
 		text-align: center;
diff --git a/src/components/Thread.vue b/src/components/Thread.vue
index d193889ee3..4bdf524e15 100644
--- a/src/components/Thread.vue
+++ b/src/components/Thread.vue
@@ -31,6 +31,7 @@
 							</template>
 							<RecipientBubble v-for="participant in threadParticipants.slice(participantsToDisplay)"
 								:key="participant.email"
+								:title="participant.email"
 								:email="participant.email"
 								:label="participant.label" />
 						</Popover>
@@ -500,8 +501,10 @@ export default {
 	visibility: hidden;
 }
 
-.popover__wrapper {
-	max-width: 500px;
+.v-popper--theme-dropdown.v-popper__popper .v-popper__inner {
+	height: 300px;
+	width: 250px;
+	overflow: auto;
 }
 
 .app-content-list-item-star.icon-starred {