BRaimbault
diff --git a/‎css/site.css‎
Lines changed: 13 additions & 4 deletions b/‎css/site.css‎
Lines changed: 13 additions & 4 deletions
diff --git a/‎index.html‎
Lines changed: 10 additions & 1 deletion b/‎index.html‎
Lines changed: 10 additions & 1 deletion
@@ -257,13 +257,21 @@ body {
 }
 
 /* ---- Back to top button ---- */
-#backToTop {
+#backToTopWrap {
     position: fixed;
     bottom: 24px;
-    right: 24px;
+    left: 0;
+    right: 0;
     z-index: 99;
-    width: 40px;
-    height: 40px;
+    pointer-events: none;
+}
+
+#backToTop {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 34px;
+    height: 34px;
     border-radius: 50%;
     border: 1.5px solid var(--border-hover);
     background: var(--bg-surface);
@@ -287,6 +295,7 @@ body {
     color: var(--accent);
 }
 
+
 /* ---- Theme toggle button ---- */
 #themeToggle {
     position: absolute;
 
@@ -14,7 +14,15 @@
 
 <body>
 
-  <button id="backToTop" aria-label="Back to top">↑</button>
+  <div id="backToTopWrap">
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <button id="backToTop" aria-label="Back to top">↑</button>
+        </div>
+      </div>
+    </div>
+  </div>
 
   <div id="stickyHeader">
     <div class="sticky-inner">
@@ -91,6 +99,7 @@ <h4>Geospatial & Health Data Systems Engineer</h4>
         window.scrollTo({ top: 0, behavior: 'smooth' });
       });
 
+
       // --------------- Theme Toggle ----------------
       const $html = $('html');
       const systemDark = window.matchMedia('(prefers-color-scheme: dark)');