diff --git a/src/components/mdToolbar/mdToolbar.scss b/src/components/mdToolbar/mdToolbar.scss
index 84df03f..b6198b5 100644
--- a/src/components/mdToolbar/mdToolbar.scss
+++ b/src/components/mdToolbar/mdToolbar.scss
@@ -7,6 +7,7 @@
   align-items: center;
   align-content: center;
   flex-flow: row wrap;
+  position: relative;
 
   &.md-dense {
     min-height: 48px;
@@ -26,7 +27,7 @@
 
     .md-toolbar-container:nth-child(2) {
       .md-title:first-child {
-        margin-left: 64px;
+        margin-left: 56px;
       }
     }
   }
@@ -87,6 +88,12 @@
     }
   }
 
+  .md-button:hover {
+    &:not([disabled]):not(.md-raised):not(.md-icon-button):not(.md-fab) {
+      background-color: rgba(#fff, .1);
+    }
+  }
+
   .md-title {
     margin: 0;
     font-size: 20px;
diff --git a/src/docs/pages/Toolbar.vue b/src/docs/pages/Toolbar.vue
index fa093ea..df4ddbd 100644
--- a/src/docs/pages/Toolbar.vue
+++ b/src/docs/pages/Toolbar.vue
@@ -23,5 +23,77 @@
         <h2 class="md-title">Vue Material</h2>
       </div>
     </md-toolbar>
+
+    <md-toolbar>
+      <md-button class="md-icon-button">
+        <md-icon>menu</md-icon>
+      </md-button>
+
+      <h2 class="md-title" style="flex: 1">Vue Material</h2>
+
+      <md-button class="md-icon-button">
+        <md-icon>favorite</md-icon>
+      </md-button>
+    </md-toolbar>
+
+    <md-toolbar>
+      <md-button class="md-icon-button">
+        <md-icon>menu</md-icon>
+      </md-button>
+
+      <h2 class="md-title" style="flex: 1">Vue Material</h2>
+
+      <md-button>Add</md-button>
+      <md-button>Remove</md-button>
+    </md-toolbar>
+
+    <md-toolbar>
+      <md-button class="md-icon-button">
+        <md-icon>menu</md-icon>
+      </md-button>
+
+      <h2 class="md-title" style="flex: 1">Vue Material</h2>
+
+      <md-button class="md-raised">Add</md-button>
+      <md-button class="md-raised md-warn">Remove</md-button>
+    </md-toolbar>
+
+    <md-toolbar class="md-extended">
+      <div class="md-toolbar-container">
+        <md-button class="md-icon-button">
+          <md-icon>menu</md-icon>
+        </md-button>
+
+        <span style="flex: 1;"></span>
+
+        <md-button class="md-icon-button">
+          <md-icon>search</md-icon>
+        </md-button>
+
+        <md-button class="md-icon-button">
+          <md-icon>filter_list</md-icon>
+        </md-button>
+      </div>
+
+      <div class="md-toolbar-container">
+        <h2 class="md-title">Vue Material</h2>
+
+        <md-button class="md-fab md-fab-bottom-right">
+          <md-icon>add</md-icon>
+        </md-button>
+      </div>
+    </md-toolbar>
   </section>
 </template>
+
+<style lang="scss" scoped>
+  .md-toolbar {
+    margin-bottom: 24px;
+  }
+
+  .md-button.md-fab {
+    margin: 0;
+    right: 56px;
+    bottom: -26px;
+  }
+</style>