diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index a106cbc..085f90d 100644
--- a/layers/components/layouts/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -478,7 +478,7 @@ onMounted(() => {
 }
 
 .nav-list {
-  @apply overflow-hidden flex flex-col order-1 h-full mt-2 mb-4 px-2
+  @apply overflow-hidden flex flex-col order-1 h-full mt-2 mb-4 pl-2 pr-1
   md:flex-row md:order-none md:h-full md:my-0 md:ml-10 md:mr-6 md:px-0;
 }
 .nav-list.is-mounted {
@@ -528,7 +528,7 @@ onMounted(() => {
 }
 
 .official {
-  @apply overflow-x-hidden overflow-y-auto pb-2 md:flex md:items-center md:space-x-8 md:pb-0 md:overflow-visible;
+  @apply overflow-x-hidden overflow-y-scroll pb-2 md:flex md:items-center md:space-x-8 md:pb-0 md:overflow-visible;
 }
 .custom-theme-scrollbar::-webkit-scrollbar {
   @apply w-1;
@@ -561,7 +561,8 @@ onMounted(() => {
 }
 
 .event {
-  @apply relative md:ml-[64px] md:after:content-[''] md:after:absolute md:after:top-[50%] md:after:left-[-32px] md:after:w-[1px] md:after:h-[16px] md:after:bg-theme-foreground-gray-750 md:after:translate-y-[-50%];
+  @apply relative pr-1 md:ml-[64px] md:pr-0
+  md:after:content-[''] md:after:absolute md:after:top-[50%] md:after:left-[-32px] md:after:w-[1px] md:after:h-[16px] md:after:bg-theme-foreground-gray-750 md:after:translate-y-[-50%];
 }
 
 .is-hidden {