diff --git a/FrontEnd/components/Drawer.vue b/FrontEnd/components/Drawer.vue
index de27dde..556c4f5 100644
--- a/FrontEnd/components/Drawer.vue
+++ b/FrontEnd/components/Drawer.vue
@@ -23,12 +23,12 @@
         <a v-if="$i18n.locale == 'zh-tw'" href="https://medium.com/showeasy" target="_blank" :class="
           $vuetify.breakpoint.smOnly
             ? 'remove-underline primary--text text-size-20 font-weight-medium'
-            : 'remove-underline primary--text text-size-14 font-weight-medium'
+            : 'remove-underline primary--text text-size-16 font-weight-medium'
         ">{{ $t("Blog") }}</a>
         <a v-else href="https://medium.com/showeasy-eng" target="_blank" :class="
           $vuetify.breakpoint.smOnly
             ? 'remove-underline primary--text text-size-20 font-weight-medium'
-            : 'remove-underline primary--text text-size-14 font-weight-medium'
+            : 'remove-underline primary--text text-size-16 font-weight-medium'
         ">{{ $t("Blog") }}</a>
       </div>
       <v-divider class="mt-3"></v-divider>
diff --git a/FrontEnd/components/NavBar.vue b/FrontEnd/components/NavBar.vue
index 297c9af..1225b05 100644
--- a/FrontEnd/components/NavBar.vue
+++ b/FrontEnd/components/NavBar.vue
@@ -190,16 +190,16 @@
               href="https://medium.com/showeasy"
               target="_blank"
             >
-              {{ $t("Blog") }}
+             <span class="t16 tw-font-normal"> {{ $t("Blog") }} </span>
             </v-btn>
             <v-btn
               v-else
               depressed
-              class="remove-upper tw-mx-0 tw-px-0 tw-bg-transparent tw-text-primary-default"
+              class="remove-upper t16 tw-font-normal tw-mx-0 tw-px-0 tw-bg-transparent tw-text-primary-default"
               href="https://medium.com/showeasy-eng"
               target="_blank"
             >
-              {{ $t("Blog") }}
+              <span class="t16 tw-font-normal"> {{ $t("Blog") }} </span>
             </v-btn>
             <div
               :class="[
diff --git a/FrontEnd/components/newDrawer.vue b/FrontEnd/components/newDrawer.vue
index 6f3fb4e..712aa53 100644
--- a/FrontEnd/components/newDrawer.vue
+++ b/FrontEnd/components/newDrawer.vue
@@ -38,7 +38,7 @@
             </template>
           </div>
           <div>
-            <a href="https://medium.com/showeasy" target="_blank" class="tw-body-3 md:tw-body-2">{{ $t("Blog") }}</a>
+            <a href="https://medium.com/showeasy" target="_blank" class="tw-body-3 md:tw-body-2 t16 tw-font-normal">{{ $t("Blog") }}</a>
           </div>
         </div>
         <div class="tw-flex-col tw-items-end tw-mt-[40px] tw-pb-[30px] md:tw-mt-[80px] md:tw-pb-[60px]">