diff --git a/static/css/index.css b/static/css/index.css
index 48f20c3..26af980 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -658,14 +658,18 @@ header h1 .tagline {
 }
 
 #depsBtn {
-    right: 60px;
+    right: 5.5em;
+}
+
+#helpBtn {
+    right: 3.5em;
 }
 
 .theme-toggle {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
-    right: 100px;
+    right: 8em;
     width: 32px;
     height: 32px;
     border-radius: 50%;
@@ -4717,4 +4721,4 @@ body::before {
 
 .preset-freq-btn:active {
     transform: scale(0.98);
-}
+}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 9ba594c..1c9b865 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -118,8 +118,11 @@
             <span class="icon-moon">🌙</span>
             <span class="icon-sun">☀️</span>
         </button>
+        <div class="header-actions">
         <button class="help-btn" onclick="showDependencies()" title="Check Tool Dependencies" id="depsBtn" style="margin-right: 5px;">🔧</button>
-        <button class="help-btn" onclick="showHelp()" title="Help & Documentation">?</button>
+        <button class="help-btn" id="helpBtn" onclick="showHelp()" title="Help & Documentation">?</button>
+        <button class="help-btn logout-btn" onclick="location.href='/logout'" title="Terminate Session">⏻</button>
+        </div>
         <div class="logo">
             <svg width="50" height="50" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <!-- Signal brackets - left side -->