
  <div class="row">
    <form class="col s6" action="/topics" method="POST">
      <%= tag(:input, :type => "hidden", :name => request_forgery_protection_token.to_s, :value => form_authenticity_token) %>
        <div class="input-field col s10 offset-l3 white ">
          <i class="small material-icons">comment</i>
          <input placeholder="Title" name="topic[title]" type="text" class="validate">
          <textarea placeholder="Description" name="topic[description]" class="materialize-textarea"></textarea>
           <button class="btn-floating btn-large waves-effect waves-light right red" type="submit">
              <i class="material-icons">add</i>
          </button>
      </div>
    </form>
  </div>
</div>
<div class="container">
  <div class="row">
  <div class="col s10 offset-s1 m6 offset-m3 l6 offset-l3">
  <div class="card white darken-2">
    <div class="card-content grey-text text-darken-3">
     <h5><i class="small material-icons">comment</i> Create a Topic </h5>
      <form action="/topics" method="POST">
       <%= tag(:input, :type => "hidden", :name => request_forgery_protection_token.to_s, :value => form_authenticity_token) %>
        <div class="input-field white ">   
          <input placeholder="Title" name="topic[title]" type="text" class="validate">
          <textarea placeholder="Description" name="topic[description]" class="materialize-textarea"></textarea>
           <button class="btn-floating btn-medium waves-effect waves-light right red" type="submit"><i class="material-icons">add</i>
          </button>
        </div>
        <div class="row">
        </div>
      </form>
    </div>
  </div>
  </div>
</div>
</div>

Update style for root page
Update style for root page
