diff --git a/public/index.html b/public/index.html
index 3e5a139..a52add7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,7 @@
     <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="theme-color" content="#000" />
     <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 5d71298..0fdb3a1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,6 +31,10 @@
     color: #fcfa86;
     background: #000;
   }
+  html {
+    font-family: 'JetBrains Mono', monospace;
+    background-color: rgb(0, 0, 0);
+  }
   body {
     font-family: 'JetBrains Mono', monospace;
     background-color: rgb(0, 0, 0);
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5df1e96..9de1f49 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -276,6 +276,7 @@
 
   .share {
     max-width: 30em;
+    width: 80%;
     mix-blend-mode: soft-light;
   }
   .share:hover {