diff --git a/less/_togglebutton.less b/less/_togglebutton.less
index ca80b24e..87c0c8d1 100644
--- a/less/_togglebutton.less
+++ b/less/_togglebutton.less
@@ -1,92 +1,70 @@
-.form-group-toggle-variant(@placeholder-font-size, @line-height){
-  .togglebutton {
-    // Label is set in _inputs.less
+.togglebutton {
+  vertical-align: middle;
+  &, label, input, .toggle {
+    user-select: none;
   }
-}
+  label {
+    cursor: pointer;
+    color: @mdb-toggle-label-color;
 
-.form-group {
-
-  //// default label size/location
-  .form-group-toggle-variant(@mdb-input-font-size-base, @mdb-input-line-height-base);
-
-  // sm label size/location
-  &.form-group-sm {
-    .form-group-toggle-variant(@mdb-input-font-size-small, @mdb-input-line-height-small);
-  }
-
-  // lg label size/location
-  &.form-group-lg {
-    .form-group-toggle-variant(@mdb-input-font-size-large, @mdb-input-line-height-large);
-  }
-
-  .togglebutton {
-    vertical-align: middle;
-    &, label, input, .toggle {
-      user-select: none;
+    // Hide original checkbox
+    input[type=checkbox] {
+      opacity: 0;
+      width: 0;
+      height: 0;
     }
-    label {
-      cursor: pointer;
-      color: @mdb-toggle-label-color;
-
-      // Hide original checkbox
-      input[type=checkbox] {
-        opacity: 0;
-        width: 0;
-        height: 0;
-      }
-      // Switch bg off and disabled
-      .toggle,
-      input[type=checkbox][disabled] + .toggle {
-        content: "";
-        display: inline-block;
-        width: 30px;
-        height: 15px;
-        background-color: rgba(80, 80, 80, 0.7);
-        border-radius: 15px;
-        margin-right: 15px;
-        transition: background 0.3s ease;
-        vertical-align: middle;
-      }
-      // Handle off
-      .toggle:after {
-        content: "";
-        display: inline-block;
-        width: 20px;
-        height: 20px;
-        background-color: #F1F1F1;
-        border-radius: 20px;
-        position: relative;
-        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
-        left: -5px;
-        top: -2px;
-        transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
-      }
-      // Handle disabled
-      input[type=checkbox][disabled] + .toggle:after,
-      input[type=checkbox][disabled]:checked + .toggle:after {
-        background-color: #BDBDBD;
-      }
-      // Ripple off and disabled
-      input[type=checkbox] + .toggle:active:after,
-      input[type=checkbox][disabled] + .toggle:active:after {
-        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
-      }
-      input[type=checkbox]:checked + .toggle:after {
-        left: 15px;
-      }
+    // Switch bg off and disabled
+    .toggle,
+    input[type=checkbox][disabled] + .toggle {
+      content: "";
+      display: inline-block;
+      width: 30px;
+      height: 15px;
+      background-color: rgba(80, 80, 80, 0.7);
+      border-radius: 15px;
+      margin-right: 15px;
+      transition: background 0.3s ease;
+      vertical-align: middle;
+    }
+    // Handle off
+    .toggle:after {
+      content: "";
+      display: inline-block;
+      width: 20px;
+      height: 20px;
+      background-color: #F1F1F1;
+      border-radius: 20px;
+      position: relative;
+      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
+      left: -5px;
+      top: -2px;
+      transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
+    }
+    // Handle disabled
+    input[type=checkbox][disabled] + .toggle:after,
+    input[type=checkbox][disabled]:checked + .toggle:after {
+      background-color: #BDBDBD;
+    }
+    // Ripple off and disabled
+    input[type=checkbox] + .toggle:active:after,
+    input[type=checkbox][disabled] + .toggle:active:after {
+      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
+    }
+    input[type=checkbox]:checked + .toggle:after {
+      left: 15px;
     }
-
-    // Switch bg on
-    // SASS conversion note: please mirror any content change in _mixins-shared.scss bg-color-variations-content
-    .generic-variations(~" label input[type=checkbox]:checked + .toggle", @brand-primary, {
-      background-color: fade(@mdb-color, 50%);
-    });
-    // Handle on
-    // SASS conversion note: please mirror any content change in _mixins-shared.scss variations-content
-    .variations(~" label input[type=checkbox]:checked + .toggle:after", background-color, @brand-primary);
-    // Ripple on
-    .generic-variations(~" label input[type=checkbox]:checked + .toggle:active:after", @brand-primary, {
-      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px fade(@mdb-color, 10%);
-    });
   }
+
+  // Switch bg on
+  // SASS conversion note: please mirror any content change in _mixins-shared.scss bg-color-variations-content
+  .generic-variations(~" label input[type=checkbox]:checked + .toggle", @brand-primary, {
+    background-color: fade(@mdb-color, 50%);
+  });
+  // Handle on
+  // SASS conversion note: please mirror any content change in _mixins-shared.scss variations-content
+  .variations(~" label input[type=checkbox]:checked + .toggle:after", background-color, @brand-primary);
+  // Ripple on
+  .generic-variations(~" label input[type=checkbox]:checked + .toggle:active:after", @brand-primary, {
+    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px fade(@mdb-color, 10%);
+  });
 }