diff --git a/src/pages/stream/stream.scss b/src/pages/stream/stream.scss
index e72322f..f7c0e62 100644
--- a/src/pages/stream/stream.scss
+++ b/src/pages/stream/stream.scss
@@ -9,3 +9,8 @@ page-stream {
     border-radius: 0;
   }
 }
+modal-newpost {
+  .row {
+    align-items: center;
+  }
+}
diff --git a/src/pages/stream/stream.ts b/src/pages/stream/stream.ts
index 8a9193d..82e0504 100644
--- a/src/pages/stream/stream.ts
+++ b/src/pages/stream/stream.ts
@@ -39,8 +39,6 @@ export class StreamPage {
     }
     pnut.user('me').then(res => {
       this.myUsername = res.data.username;
-      console.log('-- check --');
-      console.log(this.myUsername);
     }).catch(err => {
       console.log(err);
     });
@@ -164,6 +162,7 @@ export class StreamPage {
 
 @Component({
   // templateUrl: 'new-post.html'
+  selector: 'modal-newpost',
   template: `
 <ion-header>
   <ion-toolbar>
@@ -183,10 +182,11 @@ export class StreamPage {
   <ion-card>
     <ion-card-content>
       <ion-item>
-        <ion-textarea [(ngModel)]="ptext" autocomplete="true" spellcheck="true"></ion-textarea>
+        <ion-textarea [(ngModel)]="ptext" autocomplete="true" spellcheck="true" clearInput="true" rows="8"></ion-textarea>
       </ion-item>
     </ion-card-content>
     <ion-row justify-content-end>
+      <ion-col col-2><div text-center>{{254 - ptext.length}}</div></ion-col>
       <ion-col col-2>
         <button ion-button (click)="send()">
           <ion-icon name="send"></ion-icon>
@@ -200,7 +200,7 @@ export class StreamPage {
 export class NewPostModal {
   title: string;
   replyid: string;
-  ptext: string;
+  ptext: string = "";
   options: Object;
   myUsername: string;