move span inside tooltip (#2324)

Automattic · Sep 3, 2020 · b72bf77 · b72bf77
1 parent 1c6d001
commit b72bf77
Showing 1 changed file with 8 additions and 8 deletions.
diff --git 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;