diff --git a/components/ButtonToTop.vue b/components/ButtonToTop.vue
index 7d4a1c6..6d7817f 100644
--- a/components/ButtonToTop.vue
+++ b/components/ButtonToTop.vue
@@ -1,11 +1,11 @@
 <template>
-  <Teleport to="body"> <a href="#" class="go-top"></a></Teleport>
+  <Teleport to="body"> <a href="#" class="go-top" /></Teleport>
 </template>
 
 <style>
 body {
   display: grid;
-  grid-template-columns: auto 0;
+  grid-template-columns: 0 auto;
 }
 </style>
 
@@ -14,7 +14,7 @@ body {
   --offset: 20rem;
   position: sticky;
   bottom: 1rem;
-  margin-right: 1rem;
+  left: 1rem;
   place-self: end;
   margin-top: calc(100vh + var(--offset));
 
diff --git a/pages/index.vue b/pages/index.vue
index 20b3383..e61296b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -6,7 +6,6 @@ useTitle("Home");
 </script>
 
 <template>
-  <ButtonToTop />
   <main class="flex flex-col items-center justify-around gap-8">
     <h1>Welcome!</h1>
     <p>What are you here to see?</p>
@@ -20,6 +19,7 @@ useTitle("Home");
     <Services />
     <About />
   </main>
+  <ButtonToTop />
 </template>
 
 <style scoped>