diff --git a/src/components/mdButton/mdButton.scss b/src/components/mdButton/mdButton.scss
index 9c2b6e0..cdb679e 100644
--- a/src/components/mdButton/mdButton.scss
+++ b/src/components/mdButton/mdButton.scss
@@ -79,8 +79,7 @@ $button-icon-size: 40px;
   }
 
   &.md-icon-button {
-    width: $button-icon-size;
-    min-width: 0;
+    min-width: $button-icon-size;
     height: $button-icon-size;
     margin: 0 6px;
     padding: 8px;
diff --git a/src/components/mdButtonToggle/mdButtonToggle.vue b/src/components/mdButtonToggle/mdButtonToggle.vue
index f4dec3d..cd47c24 100644
--- a/src/components/mdButtonToggle/mdButtonToggle.vue
+++ b/src/components/mdButtonToggle/mdButtonToggle.vue
@@ -10,14 +10,27 @@
   let onClickButton;
 
   export default {
+    props: {
+      type: String
+    },
     ready() {
       this.$children.forEach((child) => {
         let element = child.$el;
 
-        if (element && element.classList.contains('md-button')) {
-          element.addEventListener('click', onClickButton = () => {
+        onClickButton = () => {
+          if (this.type === 'radio') {
+            this.$children.forEach((child) => {
+              child.$el.classList.remove('md-toggle');
+            });
+
+            element.classList.add('md-toggle');
+          } else {
             element.classList.toggle('md-toggle');
-          });
+          }
+        };
+
+        if (element && element.classList.contains('md-button')) {
+          element.addEventListener('click', onClickButton);
         }
       });
     },