title: Customize Material UI ToolTip
body: <p>I'm trying to customize material ui tooltip for react storybook</p>
  
  <p>I have tried changing some css properties like width, height, background color but failed to see those changes</p>
  
  <pre><code>import * as React from 'react';
  import { createStyles, withStyles, Tooltip, IconButton } from '@material-ui/core';
  
  const styles = (theme: any) =&gt; createStyles({
    tooptip: {
      width: "92px",
      height: "36px",
      borderRadius: "18px",
      boxShadow: "0 20px 80px 0",
      backgroundColor:"red"
    }
  
  });
  interface ToolTipProps {
  
    children?: JSX.Element[] | JSX.Element;
    classes?: { [key:string]: string };
  
  }
  function ToolTip({ classes }: ToolTipProps): JSX.Element {
  
    return (
        &lt;Tooltip title="Tooltip" classes={classes}&gt;
          &lt;div&gt;Hover&lt;/div&gt;
        &lt;/Tooltip&gt;
    );
  }
  export default withStyles(styles)(ToolTip);
  </code></pre>
  
  <p>I need to customize tooltip</p>