diff --git a/src/views/_builtin/login/index.vue b/src/views/_builtin/login/index.vue
index 3db6abb..54bfee3 100644
--- a/src/views/_builtin/login/index.vue
+++ b/src/views/_builtin/login/index.vue
@@ -54,12 +54,12 @@ const bgColor = computed(() => {
     <WaveBg :theme-color="bgThemeColor" />
     <ACard class="relative z-4">
       <div class="w-400px lt-sm:w-300px">
-        <header class="flex-y-center justify-between">
+        <header class="flex justify-center items-center">
           <WifiOutlined class="text-64px text-primary lt-sm:text-48px" style="margin-left: 9px"/>
-          <h3 class="text-18px text-primary font-medium">{{ t(activeModule.label) }}</h3>
+          <h3 class="text-10px text-primary font-medium self-end">{{ "WANFi" }}</h3>
         </header>
         <main >
-          <h3 class="text-28px text-primary font-500 lt-sm:text-22px">{{ "WANFi" }}</h3>
+          <h3 class="text-28px text-primary font-500 lt-sm:text-22px ">{{ t(activeModule.label) }}</h3>
           <div class="animation-slide-in-left ">
             <Transition :name="themeStore.page.animateMode" mode="out-in" appear>
               <component :is="activeModule.component" />