1 files changed, 10 insertions, 5 deletions

diff --git a/packages/forms/src/toggle/index.tsx b/packages/forms/src/toggle/index.tsx
index a1cd7f1a4..4f446ab1a 100644
--- a/packages/forms/src/toggle/index.tsx
+++ b/packages/forms/src/toggle/index.tsx
@@ -7,11 +7,13 @@ import injectStyle from 'react-jss';
 
 import { IFormField, IWithStyle, Omit } from '../typings/generic';
 
-import Error from '../error';
-import Label from '../label';
-import Wrapper from '../wrapper';
+import { Error } from '../error';
+import { Label } from '../label';
+import { Wrapper } from '../wrapper';
 
-interface IProps extends React.InputHTMLAttributes<HTMLInputElement>, IFormField, IWithStyle {}
+interface IProps extends React.InputHTMLAttributes<HTMLInputElement>, IFormField, IWithStyle {
+  className?: string;
+}
 
 const styles = (theme: Theme) => ({
   toggle: {
@@ -65,6 +67,7 @@ class ToggleComponent extends Component<IProps> {
   render() {
     const {
       classes,
+      className,
       disabled,
       error,
       id,
@@ -76,7 +79,9 @@ class ToggleComponent extends Component<IProps> {
     } = this.props;
 
     return (
-      <Wrapper>
+      <Wrapper
+        className={className}
+      >
         <Label
           title={label}
           showLabel={showLabel}