diff --git a/src/components/BackToTop.astro b/src/components/BackToTop.astro
new file mode 100644
index 0000000..80dc6c2
--- /dev/null
+++ b/src/components/BackToTop.astro
@@ -0,0 +1,27 @@
+---
+
+---
+<button id="toTopBtn" title="Go to top">Top</button>
+<script>
+    // Get the button
+    let toTopButton = document.getElementById("toTopBtn");
+
+    // When the user scrolls down from the top of the document, show the button
+    window.addEventListener("scroll", ()=> {
+        if (window.scrollY < document.documentElement.clientHeight) {
+            toTopButton.classList.remove('fade-in');
+            toTopButton.classList.add('fade-out');
+            toTopButton.style.display = 'block';
+        } else {
+            toTopButton.classList.remove('fade-out');
+            toTopButton.classList.remove('fade-in');
+        }
+    })
+
+    // When the user clicks on the button, scroll to the top of the document
+    toTopButton.addEventListener("click", toTop);
+    function toTop() {
+        document.body.scrollTop = 0;
+        document.documentElement.scrollTop = 0;
+    }
+</script>
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index c505b7a..8da33c4 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -2,6 +2,7 @@
 import '../styles/global.css';
 import Search from '../components/Search.astro';
 import ThemeSwitcher from '../components/ThemeSwitcher.astro';
+import BackToTop from "../components/BackToTop.astro";
 import { siteConfig } from "../config";
 
 interface Props {
@@ -26,7 +27,6 @@ const { title, path = formattedPath } = Astro.props;
     <title>{title}</title>
   </head>
   <body>
-    <ThemeSwitcher />
     <main>
       <div class="container">
         <div class="terminal-path">
@@ -47,6 +47,10 @@ const { title, path = formattedPath } = Astro.props;
     </main>
     
     <footer class="footer">
+      <div class="floating">
+        <BackToTop/>
+        <ThemeSwitcher/>
+      </div>
       <div class="container">
         Powered by <a href="https://git.gb0.dev/gb/mercury"><img src="/mercury.svg" width="16px" alt="mercury logo" /> mercury</a>
       </div>
