signup error

src/views/SignupPage.vue

       </ion-toolbar>
     </ion-header>
     <ion-content class='ion-padding'>
-      <ion-input label="Username"  ref="username" label-placement="floating" fill="outline" placeholder="Example, john"
-      error-text="Help me" 
-        ></ion-input>
       <ion-list>
         <ion-item>
+          <ion-input label="Username"  ref="username" label-placement="floating" fill="outline" placeholder="Example, john"
+                                                                                                error-text="Help me" 
+                                                                                                ></ion-input>
+        </ion-item>
+        <ion-item>
           <ion-input label="Email" label-placement="floating" ref='email' fill="outline" type="email" placeholder="Example, hello@gmail.com"></ion-input>
         </ion-item>
         <ion-item>