From b72bf7790f6d61691a0853ae8dc5ded5e2357524 Mon Sep 17 00:00:00 2001
From: Kat Hagan <kat.hagan@automattic.com>
Date: Thu, 3 Sep 2020 15:37:10 -0700
Subject: [PATCH] move span inside tooltip (#2324)

---
 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;