diff --git a/src/lib/components/footer.svelte b/src/lib/components/footer.svelte
index 0a4c202..11c19e7 100644
--- a/src/lib/components/footer.svelte
+++ b/src/lib/components/footer.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
-  import ThemeSwitcher from './theme-switcher.svelte';
   import PackageVersion from './package-version.svelte';
 </script>
 
 <footer class="mt-auto w-full bg-skin-off-background py-4">
   <div class="mx-auto flex w-[90%] max-w-[1440px] items-center justify-between">
-    <ThemeSwitcher />
     <PackageVersion />
 
     <ul class="flex list-none items-center justify-center gap-8">
diff --git a/src/lib/components/header.svelte b/src/lib/components/header.svelte
index 99a4954..d0281ce 100644
--- a/src/lib/components/header.svelte
+++ b/src/lib/components/header.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import ProfilePicture from './profile-picture.svelte';
   import { page } from '$app/stores';
+  import ThemeSwitcher from './theme-switcher.svelte';
 
   import showHamburgerMenu from '$lib/stores/show-hamburger-menu';
   import HamburgerMenu from './hamburger-menu/menu.svelte';
@@ -35,6 +36,7 @@
       aria-label="hubber"
     />
   </a>
+  <ThemeSwitcher />
   <div class="lg:hidden">
     <button
       on:click={() => ($showHamburgerMenu = true)}