diff --git a/src/pages/TOTP/TOTPView.ts b/src/pages/TOTP/TOTPView.ts
index 7ff324f..1d78d3b 100644
--- a/src/pages/TOTP/TOTPView.ts
+++ b/src/pages/TOTP/TOTPView.ts
@@ -31,10 +31,11 @@ export class TOTPViewPage extends Page {
         tag: "div",
         children: [
           makeElement({
-            tag: "a",
+            tag: "button",
             text: i18next.t("totp_view_new_btn"),
-            onclick: () => {
-              void changePage("NEW_TOTP");
+            class: ["uk-button", "uk-button-primary", "uk-margin-bottom"],
+            onclick: async () => {
+              await changePage("NEW_TOTP");
             },
           }),
           makeElement({
diff --git a/src/translations/en.js b/src/translations/en.js
index 1e0bbe1..762dbaa 100644
--- a/src/translations/en.js
+++ b/src/translations/en.js
@@ -137,7 +137,7 @@ module.exports = {
 
   // TOTP View Page
   totp_view_title: "TOTP",
-  totp_view_new_btn: "Add new TOTP key",
+  totp_view_new_btn: "New",
   totp_view_loading: "Loading TOTP Codes..",
   totp_view_empty: "You seem to have no TOTP codes here, would you like to create one?",
   totp_view_loading_box: "Loading..",