diff --git a/ui/src/components/toggle/index.js b/ui/src/components/toggle/index.js
index ec2e6577..515a1e70 100644
--- a/ui/src/components/toggle/index.js
+++ b/ui/src/components/toggle/index.js
@@ -30,6 +30,7 @@ const Toggle = ({
 
 Toggle.propTypes = {
   className: React.PropTypes.string,
+  off: React.PropTypes.bool,
   style: React.PropTypes.object
 };
 
diff --git a/ui/src/components/toggle/style.css b/ui/src/components/toggle/style.css
index b319fbd0..76c72cff 100644
--- a/ui/src/components/toggle/style.css
+++ b/ui/src/components/toggle/style.css
@@ -1,3 +1,9 @@
+/*
+ * - This can probably be achieved with flexbox so that we don't use any
+ * margins or paddings
+ * - We shouldn't use #FFFFFF but a variation of it to have less contrast
+ */
+
 .toggle {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   color: #464646;