diff --git a/layouts/default.vue b/layouts/default.vue
index 88ab828..b1ebdef 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -27,11 +27,14 @@ html {
 }
 
 .button--green {
+  -webkit-appearance: none;
+  appearance: none;
   display: inline-block;
   border-radius: 4px;
   border: 1px solid #3b8070;
   color: #3b8070;
-  text-decoration: none;
+  cursor: pointer;
+  background-color: transparent;
   padding: 10px 30px;
   @include mobile {
     padding: 5px 15px;
diff --git a/pages/index.vue b/pages/index.vue
index fa2a3c7..d25b69d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -6,9 +6,9 @@
       <input type="text" placeholder="word" v-model="word" />
       <ColorsViewer :value="colors" />
       <div class="links">
-        <a @click="share" target="_blank" class="button--green">
+        <button type="button" @click="share" class="button--green">
           シェア
-        </a>
+        </button>
         <a href="https://twitter.com/takanakahiko" target="_blank" class="button--grey" >
           つくったひと
         </a>