onsen-uiを使ってのおえーじ更新について

onsen-uiのテンプレート(page2.html)のコードの下に

を加えたのですがボタンを押すとそれまでに記載されていた違うボタンなどが崩れてしまいます
なぜでしょうか？

<ons-toolbar>
    <div class="left">
        <ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()"><ons-icon icon="bars"></ons-icon></ons-toolbar-button>
    </div>
    <div class="center">Page 2</div>
</ons-toolbar>

<div style="text-align: center">
    <h1>Page 2</h1>
    <ons-button ng-click="app.slidingMenu.toggleMenu()">Toggle Menu</ons-button>
</div>
<a href="page2.html"><input type="button" width="30px" height="15px"></a>

---

訂正です

<ons-page>
<ons-toolbar>
    <div class="left">
        <ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()"><ons-icon icon="bars"></ons-icon></ons-toolbar-button>
    </div>
    <div class="center">Page 2</div>
</ons-toolbar>

<div style="text-align: center">
    <h1>Page 2</h1>
    <ons-button ng-click="app.slidingMenu.toggleMenu()">Toggle Menu</ons-button>
</div>
<a href="page2.html"><input type="button" width="30px" height="15px"></a>

</ons-page>

です
個人で追加したものは下から2行目のところです