diff --git a/pages/about.vue b/pages/about.vue
index cb3b21c..779020b 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -33,21 +33,21 @@
                 <div class="inline-flex place-items-center p-2">
                     Contact
                     <div>
-                        <IconButton :visible="true" type="email" work="placeholder" link="javascript:location='mailto:\u006d\u0077\u0069\u006e\u0074\u0065\u0072\u0040\u0075\u006e\u0062\u006f\u0075\u006e\u0064\u0065\u0064\u0070\u0072\u0065\u0073\u0073\u002e\u006f\u0072\u0067';void 0"></IconButton>
+                        <IconButton :visible="true" type="email" work="placeholder" link="javascript:location='mailto:\u006d\u0077\u0069\u006e\u0074\u0065\u0072\u0040\u0075\u006e\u0062\u006f\u0075\u006e\u0064\u0065\u0064\u0070\u0072\u0065\u0073\u0073\u002e\u006f\u0072\u0067';void 0" class="mt-[-6px]"></IconButton>
                     </div>
                 </div>
                 <br>
                 <div class="inline-flex place-items-center p-2">
                     CV
                     <div>
-                        <IconButton :visible="true" type="document" work="placeholder" link="/cv"></IconButton>
+                        <IconButton :visible="true" type="document" work="placeholder" link="/cv" class="mt-[-6px]"></IconButton>
                     </div>
                 </div>
                 <br>
                 <div class="inline-flex place-items-center p-2">
                     Works List with Presentation History
                     <div>
-                        <IconButton :visible="true" type="document" work="placeholder" link="/works_list"></IconButton>
+                        <IconButton :visible="true" type="document" work="placeholder" link="/works_list" class="mt-[-6px]"></IconButton>
                     </div>
                 </div>
                 <br>
diff --git a/pages/index.vue b/pages/index.vue
index 5d90825..2f36490 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -7,9 +7,9 @@
       <div class="py-2 ml-3" v-for="item in works">
         <p class="font-thin">{{ item.year }}</p>
         <div class="leading-tight py-1 ml-3" v-for="work in item.works">
-          <div class="grid grid-cols-[65%,30%] gap-1 font-thin items-center">
+          <div class="grid grid-cols-[65%,30%] gap-1 font-thin items-start">
             <div class="italic text-sm">{{ work.title }}</div>
-            <div class="inline-flex">
+            <div class="inline-flex mt-[-4px]">
 
               <div>
                 <IconButton :visible="work.score" type="score" :work="work" :link="work.score" class="inline-flex p-1"></IconButton>
@@ -37,7 +37,7 @@
       <p class="text-lg">writings</p>
 
       <div class="leading-tight py-2 ml-3 text-sm" v-for="item in pubs">
-        <div class="grid grid-cols-[95%,5%] gap-1 items-center">
+        <div class="grid grid-cols-[95%,5%] gap-1 items-start">
           <div>
             <span v-html="item.entryTags.title"></span>
             <div class="ml-4 text-[#7F7F7F]">
@@ -51,7 +51,7 @@
             </div>
           </div>
           <div>
-            <IconButton :visible=item.entryTags.howpublished type="document" :link="item.entryTags.howpublished" class="inline-flex p-1"></IconButton>
+            <IconButton :visible=item.entryTags.howpublished type="document" :link="item.entryTags.howpublished" class="inline-flex p-1 mt-[-6px]"></IconButton>
           </div>
         </div>
       </div>