diff --git a/lib/builders/Input.Toggle.js b/lib/builders/Input.Toggle.js
index 03976033..7e9e4376 100644
--- a/lib/builders/Input.Toggle.js
+++ b/lib/builders/Input.Toggle.js
@@ -20,14 +20,25 @@ module.exports = function (definition, options) {
   if (style === 'button') {
     const opts = [{ value: true }]
 
-    if (icon) opts[0].icon = icon
-    if (title) opts[0].label = title
+    if (icon) {
+      opts[0].icon = icon
+    }
+
+    if (title) {
+      opts[0].label = title
+    }
 
     div
       .addChildTag('q-btn-toggle')
       .addAttribute(':options', inspect(opts))
-      .addAttribute(':clearable', true)
-      .addAttribute('flat', null)
+      .addAttribute('clearable', null)
+      .addAttribute('class', 'button-toggle')
+      .addAttribute('toggle-color', 'white')
+      .addAttribute('toggle-text-color', 'primary')
+      .addAttribute('color', 'lighter')
+      .addAttribute('text-color', 'faded')
+      .addAttribute('no-caps', null)
+      .addAttribute('unelevated', null)
       .addAttribute('dense', null)
       .bindToModel(definition)
   } else {