diff --git a/src/App.vue b/src/App.vue
index 5e58a1a..4c8d6b4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -80,7 +80,8 @@
   --el-loading-spinner-size: 30px;
   position: fixed;
   width: 100%;
-  z-index: 1000;
+  z-index: 100;
+  user-select: none;
   top: 0;
   background-color: white;
   border-bottom: 1px solid var(--el-border-color);
diff --git a/src/assets/gobang-header.scss b/src/assets/gobang-header.scss
index 0b9018a..e644e8b 100644
--- a/src/assets/gobang-header.scss
+++ b/src/assets/gobang-header.scss
@@ -5,5 +5,6 @@
   position: fixed;
   top: var(--header-height);
   width: 100%;
-  z-index: 1000;
+  z-index: 100;
+  user-select: none;
 }
diff --git a/src/components/gobang/GobangHeaderContent.vue b/src/components/gobang/GobangHeaderContent.vue
index 464efbf..cd3589a 100644
--- a/src/components/gobang/GobangHeaderContent.vue
+++ b/src/components/gobang/GobangHeaderContent.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="gobang-header__content size-stretch flex align-center">
     <router-link custom :to="{ name: 'GobangList' }" v-slot="{ navigate }">
-      <div class="flex align-center" @click="navigate">
+      <div class="gobang-header__content-left flex align-center" @click="navigate">
         <el-icon :size="30"><icon-cs-gobang /></el-icon>
         <h2 v-show="!smLess" class="gobang-header__title">五子棋</h2>
       </div>
@@ -9,6 +9,11 @@
     <slot></slot>
   </div>
 </template>
+<style lang="scss" scoped>
+.gobang-header__content-left {
+  gap: 10px;
+}
+</style>
 <script setup lang="ts">
 import { useMediaStore } from '@/stores/media';
 import { storeToRefs } from 'pinia';
diff --git a/src/views/GobangPlayPage.vue b/src/views/GobangPlayPage.vue
index 5faaaef..2c84b8f 100644
--- a/src/views/GobangPlayPage.vue
+++ b/src/views/GobangPlayPage.vue
@@ -1,6 +1,9 @@
 <template>
-  <el-main v-loading="state !== 'idle'" class="gobang-play-page__wrapper flex">
-    <el-container>
+  <el-main
+    v-loading="state !== 'idle' && state !== 'waiting'"
+    class="gobang-play-page__wrapper flex"
+  >
+    <el-container v-if="state !== 'firstLoading'">
       <el-header class="gobang-header">
         <gobang-header-content class="justify-between">
           <div class="flex align-center">
@@ -13,34 +16,36 @@
         </gobang-header-content>
       </el-header>
       <el-main class="gobang-play-page-main center flex">
-        <template v-if="state !== 'firstLoading'">
-          <div class="gobang-chessboard" :style="{}">
-            <canvas class="gobang-chessboard__background" ref="canvas"></canvas>
-            <template v-for="(row, y) of grid">
-              <template v-for="(cell, x) of row">
-                <!-- eslint-disable-next-line vue/require-v-for-key -->
-                <div
-                  v-if="state !== 'waiting'"
-                  class="gobang-chessboard__cell"
-                  :class="[
-                    cell
-                      ? cell.isWhite
-                        ? 'gobang-chessboard__cell--white'
-                        : 'gobang-chessboard__cell--black'
-                      : undefined,
-                  ]"
-                  :style="getCellStyle(cell, x, y)"
-                ></div>
-              </template>
+        <div class="gobang-chessboard" :style="{}">
+          <canvas class="gobang-chessboard__background" ref="canvas"></canvas>
+          <template v-for="(row, y) of grid">
+            <template v-for="(cell, x) of row">
+              <!-- eslint-disable-next-line vue/require-v-for-key -->
+              <div
+                v-if="state !== 'waiting'"
+                class="gobang-chessboard__cell"
+                :class="[
+                  cell
+                    ? cell.isWhite
+                      ? 'gobang-chessboard__cell--white'
+                      : 'gobang-chessboard__cell--black'
+                    : undefined,
+                ]"
+                :style="getCellStyle(cell, x, y)"
+              ></div>
             </template>
-          </div>
-        </template>
+          </template>
+        </div>
       </el-main>
     </el-container>
   </el-main>
 </template>
 <style lang="scss" scoped>
 @import url('@/assets/gobang-header.scss');
+:deep(.gobang-header__content-left) {
+  position: relative;
+  z-index: 1;
+}
 .gobang-play-page {
   &__wrapper {
     background-color: white;