From 38a67b1f9e12c27f5e9439b4a9690253de8981b8 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Mon, 5 Aug 2019 21:10:44 -0700
Subject: [PATCH] fix: Avatars should overlap in document header

---
 app/components/Tooltip.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/Tooltip.js b/app/components/Tooltip.js
index d5c12d0c4..c87c48fb4 100644
--- a/app/components/Tooltip.js
+++ b/app/components/Tooltip.js
@@ -8,6 +8,7 @@ type Props = {
   placement?: 'top' | 'bottom' | 'left' | 'right',
   children: React.Node,
   delay?: number,
+  className?: string,
 };
 
 class Tooltip extends React.Component<Props> {
@@ -16,7 +17,7 @@ class Tooltip extends React.Component<Props> {
   }
 
   render() {
-    const { tooltip, delay = 50, children, ...rest } = this.props;
+    const { tooltip, delay = 50, children, className, ...rest } = this.props;
 
     return (
       <StyledTippy
@@ -29,7 +30,7 @@ class Tooltip extends React.Component<Props> {
         inertia
         {...rest}
       >
-        <span>{children}</span>
+        <span className={className}>{children}</span>
       </StyledTippy>
     );
   }