diff --git a/front/volume/src/App.svelte b/front/volume/src/App.svelte
index 20cc86f..75348ba 100644
--- a/front/volume/src/App.svelte
+++ b/front/volume/src/App.svelte
@@ -111,7 +111,6 @@
     {#if $store === null}
       <h1><button type="button" on:click={login}>Log In</button></h1>
     {:else}
-      <h1><button type="button" on:click={logout}>Log Out</button></h1>
       <Navbar
         {clickProfile}
         {clickHistory}
diff --git a/front/volume/src/components/Profile.svelte b/front/volume/src/components/Profile.svelte
index 5f6da64..8c84b77 100644
--- a/front/volume/src/components/Profile.svelte
+++ b/front/volume/src/components/Profile.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { API_URL, store } from "../Auth";
+  import { API_URL, store, logout } from "../Auth";
 
   export let username = $store.userame;
   export let realname = "";
@@ -64,6 +64,7 @@
           {/if}
         </button>
       </form>
+      <button type="button" on:click={logout}>Log Out</button>
     </div>
   </div>
 </div>