diff --git a/server/src/varchive-server.py b/server/src/varchive-server.py
index 639c8a3..031817f 100644
--- a/server/src/varchive-server.py
+++ b/server/src/varchive-server.py
@@ -375,6 +375,7 @@ async def parseSubtitle(request: Request, path: str = ""):
 async def signal_handler(sig, frame):
     await WebsocketManager.disconnectAll()
 
+
 def handle_signal(sig, frame):
     print("Received quit signal. Exiting...")
     videoEditing.PQueue.cancelAll()
diff --git a/spa/src/components/TheNavigation.vue b/spa/src/components/TheNavigation.vue
index 913599a..0076220 100644
--- a/spa/src/components/TheNavigation.vue
+++ b/spa/src/components/TheNavigation.vue
@@ -1,8 +1,8 @@
 <template>
     <div id="navigation">
-        <a id="logo" href="/video/All">
+        <router-link id="logo" :to="{ name: 'home' }">
             <Logo />
-        </a>
+        </router-link>
         <router-link :to="{ name: 'video' }">Video</router-link>
         <a href="" @click.prevent=" shutdownDialogVisible = true">Backend</a>
         <a href="https://github.com/MouJieQin/varchive" target="_blank">Github</a>
diff --git a/spa/src/router/index.js b/spa/src/router/index.js
index cad855a..f4e43d6 100644
--- a/spa/src/router/index.js
+++ b/spa/src/router/index.js
@@ -1,41 +1,39 @@
-import {createRouter, createWebHistory} from 'vue-router'
+import { createRouter, createWebHistory } from "vue-router";
 
-
-const routes =
-    [
-      {
-        path: '/',
-        name: 'home',
-        component: () => import('@/views/Video.vue'),
-      },
-      {
-        path: '/video/:path+',
-        name: 'videop',
-        component: () => import('@/views/Video.vue'),
-        props: route => ({...route.params})
-      },
-      {
-        path: '/video',
-        name: 'video',
-        component: () => import('@/views/Video.vue'),
+const routes = [
+    {
+        path: "/",
+        name: "home",
+        component: () => import("@/views/Home.vue"),
+    },
+    {
+        path: "/video/:path+",
+        name: "videop",
+        component: () => import("@/views/Video.vue"),
+        props: (route) => ({ ...route.params }),
+    },
+    {
+        path: "/video",
+        name: "video",
+        component: () => import("@/views/Video.vue"),
         // props: route => ({...route.params}),
-      },
-      // {
-      //   path: '/help',
-      //   name: 'help',
-      //   component: () => import('@/views/Help.vue')
-      // },
-      {
-        path: '/:pathMatch(.*)*',
-        name: 'NotFound',
-        component: () => import('@/views/NotFound.vue')
-      }
-    ]
+    },
+    // {
+    //   path: '/help',
+    //   name: 'help',
+    //   component: () => import('@/views/Help.vue')
+    // },
+    {
+        path: "/:pathMatch(.*)*",
+        name: "NotFound",
+        component: () => import("@/views/NotFound.vue"),
+    },
+];
 
-    const router = createRouter({
-      history: createWebHistory(),
-      routes,
-      linkActiveClass: 'varchive-video-active-link'
-    })
+const router = createRouter({
+    history: createWebHistory(),
+    routes,
+    linkActiveClass: "varchive-video-active-link",
+});
 
-export default router
+export default router;
diff --git a/spa/src/views/Home.vue b/spa/src/views/Home.vue
new file mode 100644
index 0000000..f1c046b
--- /dev/null
+++ b/spa/src/views/Home.vue
@@ -0,0 +1,10 @@
+<template>
+</template>
+
+<script>
+export default {
+    created() {
+        window.location.href = "/video/All"
+    }
+}
+</script>
\ No newline at end of file
diff --git a/spa/src/views/VideoStatisticsShow.vue b/spa/src/views/VideoStatisticsShow.vue
index 962a17c..1035049 100644
--- a/spa/src/views/VideoStatisticsShow.vue
+++ b/spa/src/views/VideoStatisticsShow.vue
@@ -32,7 +32,7 @@ export default {
                 title: {
                     left: '3%',
                     top: '5%',
-                    // padding: ['10%', '10%', '10%', '10%'],
+                    padding: ['10%', '10%', '10%', '10%'],
                     text: "",// support \n 
                 },
                 // tooltip: {