diff --git a/public/index.html b/public/index.html
index 3e5a139..9d35186 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,8 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
diff --git a/src/App.vue b/src/App.vue
index 0b2ab6a..6486d8d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -32,6 +32,7 @@ export default {
 <style>
 html, body {
   height: 100%;
+  margin: 0;
 }
 #app {
   font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
diff --git a/src/components/Timer.vue b/src/components/Timer.vue
index 0d94290..e6c1319 100644
--- a/src/components/Timer.vue
+++ b/src/components/Timer.vue
@@ -65,17 +65,14 @@ export default {
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
-  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
   .timeleft {
     font-size: 5rem;
     margin: 40px;
-    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   }
 
   .timeout {
     margin: 40px;
-    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
     img {
       height: 3rem;
@@ -89,7 +86,6 @@ export default {
     font-size: 3rem;
     background: none;
     padding: 2rem;
-    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
     .timerBtn-inner {
       display: inline-block;