title: Material UI's Tooltip - Customization Style
body: <p>How can I change the background color and color for Material UI's Tooltip. I tried as below but it is not working.</p>
  
  <pre><code>import { createMuiTheme } from '@material-ui/core/styles';
  export const theme = createMuiTheme({
  tooltip: {
          color: '#ffffff',
          rippleBackgroundColor: 'red'
      }
  });
  
  import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider';
  import { theme } from "my-path";
  
  &lt;MuiThemeProvider theme={theme} &gt;
  &lt;Tooltip
      title={this.props.title}
      placement={this.props.placement} className="customTooltipStyle"&gt;
      &lt;em className="fa fa-info-circle"&gt;&lt;/em&gt;
  &lt;/Tooltip&gt;
  &lt;/MuiThemeProvider&gt;
  </code></pre>