diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index 085f90d..3ec0352 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 pl-2 pr-1
+  @apply overflow-hidden flex flex-col order-1 h-full mt-2 mb-6 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-scroll pb-2 md:flex md:items-center md:space-x-8 md:pb-0 md:overflow-visible;
+  @apply overflow-x-hidden overflow-y-scroll mb-2 md:flex md:items-center md:space-x-8 md:mb-0 md:overflow-visible;
 }
 .custom-theme-scrollbar::-webkit-scrollbar {
   @apply w-1;
@@ -562,7 +562,8 @@ onMounted(() => {
 
 .event {
   @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%];
+  before:content-[''] before:block before:h-px before:mb-2 before:mx-3 before:bg-theme-foreground-reversal-8 md:before:hidden
+  after:content-[''] 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 {
@@ -570,7 +571,7 @@ onMounted(() => {
 }
 
 .btn-start {
-  @apply relative mt-2 px-5 md:absolute md:top-[0] md:right-0 md:flex md:items-center md:h-full md:mt-0 md:px-0;
+  @apply relative py-2 px-5 md:absolute md:top-[0] md:right-0 md:flex md:items-center md:h-full md:py-0 md:px-0;
 }
 .btn-start:hover .nav-2depth {
   @apply md:block;