Make action tooltips positions more consistent (codesandbox#135)

Author: jseminck

src/app/pages/Sandbox/Editor/Content/Header/Action.js

@@ -147,7 +147,7 @@ export default ({
   if (href && a && (placeholder || tooltip)) {
     return (
       <ActionA href={href} target="_blank" rel="noopener noreferrer">
-        <Tooltip title={placeholder || tooltip}>
+        <ActionTooltip title={placeholder || tooltip}>
           <IconContainer {...iconContainerProps}>
             <Icon {...iconProps} />
             {title !== undefined &&
@@ -156,15 +156,15 @@ export default ({
               </Title>}
             {moreInfo && <MoreInfoIcon style={{ fontSize: '1.1rem' }} />}
           </IconContainer>
-        </Tooltip>
+        </ActionTooltip>
       </ActionA>
     );
   }
 
   if (href && (placeholder || tooltip)) {
     return (
       <ActionLink to={href} {...props}>
-        <Tooltip title={placeholder || tooltip}>
+        <ActionTooltip title={placeholder || tooltip}>
           <IconContainer>
             <Icon {...iconProps} />
             {title !== undefined &&
@@ -173,7 +173,7 @@ export default ({
               </Title>}
             {moreInfo && <MoreInfoIcon style={{ fontSize: '1.1rem' }} />}
           </IconContainer>
-        </Tooltip>
+        </ActionTooltip>
       </ActionLink>
     );
   }