diff --git a/src/components/GuestBookForm.vue b/src/components/GuestBookForm.vue
index d71bd85..4a6d009 100644
--- a/src/components/GuestBookForm.vue
+++ b/src/components/GuestBookForm.vue
@@ -1,8 +1,8 @@
 <template>
-  <section class="p-6 border border-indigo-600 bg-indigo-100 dark:border-indigo-700 rounded-lg text-justify">
+  <section class="p-6 border border-indigo-600 dark:border-indigo-700 rounded-lg text-justify">
     <h1 class="text-black font-bold dark:text-white text-2xl">{{ $t('guestbook.signin') }}</h1>
     <h3 class="text-gray-500 dark:text-gray-400">{{ $t('guestbook.share') }}</h3>
-    <div class="hidden flex space-x-4 my-3">
+    <div class="flex space-x-4 my-3">
       <div @click="loginWithGoogle" class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
         <GoogleIcon />
       </div>
@@ -19,12 +19,12 @@
           required
           :placeholder="$t('guestbook.placeholder')"
           v-model="form.message"
-          class="pl-4 pr-32 py-2 mt-1 focus:border-indigo-600 block w-full border-gray-300 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100"
+          class="pl-4 pr-32 py-2 mt-1 block w-full border-gray-300 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100"
         >
           <button
             @click.prevent="handleForm"
             v-if="form.message && form.message.length > 0"
-            class="flex items-center justify-center absolute right-1 top-1 px-8 py-1 font-bold bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-100 rounded hover:bg-gray-300 hover:dark:bg-gray-700 duration-300"
+            class="flex items-center justify-center absolute right-1 top-1 px-8 py-1 font-bold bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-100 rounded hover:bg-gray-300 duration-300"
           >
             {{ $t('guestbook.sign') }}
           </button>
@@ -59,7 +59,7 @@ export default defineComponent({
     }
 
     const loginWithGithub = () => {
-      $axios.get('/auth/github', {headers})
+      $axios.get('/auth/github', {headers: headers})
     }
 
     const loginWithGoogle = () => {
@@ -107,8 +107,11 @@ export default defineComponent({
 })
 </script>
 
-<style scoped>
-.disabled {
-  @apply hidden
+<style>
+.icon-parent svg {
+  @apply duration-300;
+}
+.icon-parent:hover svg {
+  @apply transform scale-110;
 }
 </style>
diff --git a/src/pages/guestbook.vue b/src/pages/guestbook.vue
index 41ab25c..34ef986 100644
--- a/src/pages/guestbook.vue
+++ b/src/pages/guestbook.vue
@@ -53,12 +53,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style scoped lang="scss">
-.icon-parent svg {
-  @apply duration-300;
-}
-.icon-parent:hover svg {
-  @apply transform scale-110;
-}
-</style>