From 952cfc91c7dc34d499b5d46fa5b755b16674c953 Mon Sep 17 00:00:00 2001
From: Kat Hagan <kat@codebykat.com>
Date: Thu, 3 Sep 2020 14:45:04 -0700
Subject: [PATCH] move span inside tooltip

---
 lib/icon-button/index.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/lib/icon-button/index.tsx b/lib/icon-button/index.tsx
index c648cda69..ef2fedcfe 100644
--- a/lib/icon-button/index.tsx
+++ b/lib/icon-button/index.tsx
@@ -10,12 +10,12 @@ type OwnProps = {
 type Props = OwnProps;
 
 export const IconButton = ({ icon, title, ...props }: Props) => (
-  <span>
-    <Tooltip
-      classes={{ tooltip: 'icon-button__tooltip' }}
-      enterDelay={200}
-      title={title}
-    >
+  <Tooltip
+    classes={{ tooltip: 'icon-button__tooltip' }}
+    enterDelay={200}
+    title={title}
+  >
+    <span>
       <button
         className="icon-button"
         type="button"
@@ -24,8 +24,8 @@ export const IconButton = ({ icon, title, ...props }: Props) => (
       >
         {icon}
       </button>
-    </Tooltip>
-  </span>
+    </span>
+  </Tooltip>
 );
 
 export default IconButton;