diff --git a/src/pages/index.vue b/src/pages/index.vue
index b6d1a53..c5cc5e7 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -9,21 +9,22 @@
       </a>
     </p>
     <p>
-      <em class="text-sm opacity-50">{{ t('intro.desc') }}</em>
+      <em class="text-sm opacity-75">{{ t('intro.desc') }}</em>
     </p>
 
     <div class="py-4" />
 
     <input
+      id="input"
       v-model="name"
       :placeholder="t('intro.whats-your-name')"
       type="text"
       autocomplete="false"
-      autofocus
       class="px-4 py-2 border border-gray-200 rounded text-center text-sm outline-none active:outline-none bg-transparent dark:border-gray-700"
       style="width: 250px"
       @keydown.enter="go"
     >
+    <label class="hidden" for="input">{{t('intro.whats-your-name')}}</label>
 
     <div>
       <button
diff --git a/tailwind.config.js b/tailwind.config.js
index 5af0784..4fb371a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -41,7 +41,7 @@ module.exports = {
             color: 'inherit',
             a: {
               color: 'inherit',
-              opacity: 0.6,
+              opacity: 0.75,
               '&:hover': {
                 opacity: 1,
                 color: colors.teal[600],