title: How to centre text in a Buefy input box?
body: <p>I have a Buefy template which looks a little like this but I cannot work out how to centre the input box text so everything looks pretty.</p>
  <p><a href="https://i.stack.imgur.com/rc0He.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rc0He.png" alt="enter image description here" /></a></p>
  <p>I've tried adding 'has-text-centered' to basically everything and it still doesn't centre it!</p>
  <pre><code>&lt;template&gt;
  
    &lt;section class=&quot;hero is-info is-fullheight&quot;&gt;
  
      &lt;div class=&quot;hero-body&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
  
          &lt;div class=&quot;columns is-centered&quot;&gt;
            &lt;div class=&quot;column is-5-tablet is-4-desktop is-3-widescreen&quot;&gt;
  
              &lt;div class=&quot;box&quot;&gt;
  
                &lt;div class=&quot;login&quot;&gt;
  
                  &lt;b-field label=&quot;&quot;&gt;
                      &lt;b-input type=&quot;email&quot;
                          placeholder=&quot;john@doe.com&quot;
                          v-model=&quot;email&quot;&gt;
                      &lt;/b-input&gt;
                  &lt;/b-field&gt;
  
                  &lt;b-field label=&quot;&quot;
                    :message=&quot;error_message&quot;&gt;
                      &lt;b-input type=&quot;password&quot;
                          placeholder=&quot;****************&quot;
                          v-model=&quot;password&quot;&gt;
                      &lt;/b-input&gt;
                  &lt;/b-field&gt;
  
                  &lt;div class=&quot;buttons&quot;&gt;
                      &lt;b-button @click=&quot;login&quot; :loading=&quot;loading&quot; type=&quot;is-info&quot; expanded&gt;Log In&lt;/b-button&gt;
                  &lt;/div&gt;
  
                  &lt;p&gt;Create an account &lt;router-link to=&quot;/sign-up&quot;&gt;here&lt;/router-link&gt;!&lt;/p&gt;
                &lt;/div&gt;
  
              &lt;/div&gt;
  
            &lt;/div&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/section&gt;
  
  
  &lt;/template&gt;
  </code></pre>
  <p>What am I missing here?</p>