diff --git a/frontend/src/component/feature/variant/variant-view-component.jsx b/frontend/src/component/feature/variant/variant-view-component.jsx
index 66004a3636..2d0ad8b0e1 100644
--- a/frontend/src/component/feature/variant/variant-view-component.jsx
+++ b/frontend/src/component/feature/variant/variant-view-component.jsx
@@ -1,28 +1,25 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 
 import { IconButton } from 'react-mdl';
 import styles from './variant.scss';
 import { UPDATE_FEATURE } from '../../../permissions';
 
-class VariantViewComponent extends Component {
-    render() {
-        const { variant, editVariant, removeVariant, hasPermission } = this.props;
-        return (
-            <tr>
-                <td onClick={editVariant}>{variant.name}</td>
-                <td>{variant.weight}</td>
-                {hasPermission(UPDATE_FEATURE) ? (
-                    <td className={styles.actions}>
-                        <IconButton name="expand_more" onClick={editVariant} />
-                        <IconButton name="delete" onClick={removeVariant} />
-                    </td>
-                ) : (
-                    <td className={styles.actions} />
-                )}
-            </tr>
-        );
-    }
+function VariantViewComponent({ variant, editVariant, removeVariant, hasPermission }) {
+    return (
+        <tr>
+            <td onClick={editVariant}>{variant.name}</td>
+            <td>{variant.weight}</td>
+            {hasPermission(UPDATE_FEATURE) ? (
+                <td className={styles.actions}>
+                    <IconButton name="expand_more" onClick={editVariant} />
+                    <IconButton name="delete" onClick={removeVariant} />
+                </td>
+            ) : (
+                <td className={styles.actions} />
+            )}
+        </tr>
+    );
 }
 
 VariantViewComponent.propTypes = {