Fix Icon className

src/Chip.js

@@ -3,14 +3,12 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import Icon from './Icon';
 
-const Chip = ({ children, close, className, ...props }) => {
-  return (
-    <div className={cx('chip', className)} {...props}>
-      {children}
-      {close && <Icon className="close material-icons">close</Icon>}
-    </div>
-  );
-};
+const Chip = ({ children, close, className, ...props }) => (
+  <div className={cx('chip', className)} {...props}>
+    {children}
+    {close && <Icon>close</Icon>}
+  </div>
+);
 
 Chip.propTypes = {
   className: PropTypes.string,

test/Chip.spec.js

@@ -12,7 +12,7 @@ describe('<Chip />', () => {
 
   test('accepts a close prop', () => {
     wrapper = shallow(<Chip close />);
-    expect(wrapper.find('Icon.material-icons.close')).toHaveLength(1);
+    expect(wrapper.find('Icon')).toHaveLength(1);
   });
 
   test('accepts children', () => {

test/__snapshots__/Chip.spec.js.snap

@@ -9,9 +9,7 @@ exports[`<Chip /> accepts children 1`] = `
   >
     Child
   </p>
-  <Icon
-    className="close material-icons"
-  >
+  <Icon>
     close
   </Icon>
 </div>