diff --git a/src/scss/cdb-components/forms/toggle.scss b/src/scss/cdb-components/forms/toggle.scss
index 6fb8bae..3a08ccf 100644
--- a/src/scss/cdb-components/forms/toggle.scss
+++ b/src/scss/cdb-components/forms/toggle.scss
@@ -12,6 +12,15 @@
   <span class="u-iBlock CDB-ToggleFace"></span>
   <label class="u-iBlock">SQL</label>
 </div>
+
+<br/>
+
+<div class="CDB-Text CDB-Size-small is-semibold is-disabled u-rSpace--xl">
+  <label class="u-iBlock">TOOLS</label>
+  <input class="CDB-Toggle u-iBlock" type="checkbox" name="analysis" disabled >
+  <span class="u-iBlock CDB-ToggleFace"></span>
+  <label class="u-iBlock">SQL</label>
+</div>
 ```
 */
 
diff --git a/src/scss/cdb-components/typography.scss b/src/scss/cdb-components/typography.scss
index 1487433..3d262fa 100644
--- a/src/scss/cdb-components/typography.scss
+++ b/src/scss/cdb-components/typography.scss
@@ -32,6 +32,9 @@
   &.is-light {
     font-weight: $sFontWeight-lighter;
   }
+  &.is-disabled {
+    opacity: 0.24;
+  }
 }
 
 .is-underlined {