diff --git a/ui/src/components/toggle/index.js b/ui/src/components/toggle/index.js
index b46f2dbb..d50bc992 100644
--- a/ui/src/components/toggle/index.js
+++ b/ui/src/components/toggle/index.js
@@ -83,6 +83,13 @@ const StyledInput1 = styled.input`
}
`;
+/*
+TODO: Remove !important - it is used to overirde a global style
+ */
+const StyledLabel = styled.label`
+ margin-bottom: 0 !important;
+`;
+
const Toggle = ({
checked,
className,
@@ -120,13 +127,13 @@ const Toggle = ({
};
return (
-
+
);
})}
diff --git a/ui/src/components/toggle/story.js b/ui/src/components/toggle/story.js
index 6af792bc..da5059bb 100644
--- a/ui/src/components/toggle/story.js
+++ b/ui/src/components/toggle/story.js
@@ -4,27 +4,34 @@ const {
storiesOf
} = require('@kadira/storybook');
+const Base = require('../base');
const Toggle = require('./');
storiesOf('Toggle', module)
.add('default', () => (
-
+
+
+
))
.add('checked', () => (
-
+
+
+
))
.add('no props', () => (
-
+
+
+
));
\ No newline at end of file