diff --git a/playground/views/main.html b/playground/views/main.html
index 5cdb456817..3461217100 100644
--- a/playground/views/main.html
+++ b/playground/views/main.html
@@ -1,7 +1,7 @@
-<ion-view view-title="HELLO!!">
+<ion-view view-title="!attr Title!">
 
   <ion-view-title>
-    ele Title
+    !ele Title!
   </ion-view-title>
 
   <!-- <ion-view-buttons side="primary">
diff --git a/src/components/toolbar/toolbar.js b/src/components/toolbar/toolbar.js
index 45c99022f9..70a7aedfc2 100644
--- a/src/components/toolbar/toolbar.js
+++ b/src/components/toolbar/toolbar.js
@@ -9,7 +9,7 @@ import {Ion} from '../ion'
 })
 @Template({
   inline: `
-    <div class="bar bar-android">
+    <div class="bar bar-ios">
       <div class="bar-items">
         <div class="back-button">
           <div class="back-button-icon">&lt;</div>
@@ -21,6 +21,7 @@ import {Ion} from '../ion'
         <div class="title">
           <div class="inner-title">
             {{ title }}
+            <content select="ion-view-title"></content>
           </div>
         </div>
         <div class="bar-primary-item" style="background:red">
diff --git a/src/components/toolbar/toolbar.scss b/src/components/toolbar/toolbar.scss
index db29b169b3..b970ecc3e7 100644
--- a/src/components/toolbar/toolbar.scss
+++ b/src/components/toolbar/toolbar.scss
@@ -36,6 +36,7 @@
 }
 
 .bar-items > .title > .inner-title {
+  width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -64,6 +65,7 @@
   .title {
     position: static;
     margin: 0;
+    text-align: left;
   }
 
 }
diff --git a/src/components/view/view.js b/src/components/view/view.js
index 6053cda6bc..20edf812ae 100644
--- a/src/components/view/view.js
+++ b/src/components/view/view.js
@@ -11,6 +11,7 @@ import {Ion} from '../ion'
 @Template({
   inline: `
     <ion-toolbar [view-title]="title">
+      <content select="ion-view-title"></content>
     </ion-toolbar>
     <div class="container">
       <content></content>