diff --git a/templates/base.html.tera b/templates/base.html.tera
index f27da02..edb41d0 100644
--- a/templates/base.html.tera
+++ b/templates/base.html.tera
@@ -299,32 +299,61 @@
           <br>
 
           <div class="row">
-            <div class="col d-flex justify-content-center">
+            <div class="d-flex justify-content-center">
               <span class="custom-control custom-switch custom-control-inline ms-0">
                 <button class="btn-sm btn-outline-secondary" onclick="darkModeFunc()">
                   <h3><i class="bi bi-brightness-low"></i></h3>
                 </button>
               </span>
             </div>
-            </div>
+          </div>
+	  <div class="d-sm-none"> <!-- Show on < sm screens-->
             <div class="row mb-2">
-              <div class="col d-flex justify-content-center">
+              <div class="d-flex justify-content-center">
                 <a class="text-decoration-none me-2" href="https://github.com/aglkm/grin-explorer">
                   <span style="color:grey"><i class="bi bi-github me-1"></i>v0.1.8</span>
-		</a>
+	        </a>
                 <a class="text-decoration-none me-2" href="/search">
                   <span style="color:grey"><i class="bi bi-search me-1"></i>Search</span>
-		</a>
-		<a class="text-decoration-none me-2" href="/api_overview">
+	        </a>
+	        <a class="text-decoration-none me-2" href="/api_overview">
                   <span style="color:grey"><i class="bi bi-robot me-1"></i>API</span>
-		</a>
-                <a class="text-decoration-none me-2" href="/donate">
-                  <span style="color:grey"><i class="bi bi-heart me-1"></i>Donate</span>
-		</a>
+	        </a>
 	      </div>
-            </div>
+	    </div>
+            <div class="row mb-2">
+              <div class="d-flex justify-content-center">
+	        <a class="text-decoration-none me-2" href="http://wieo55w5a56itvs73sqbvr5er6rxfukqjgf2rjbrlzxb3pax66rlodid.onion">
+                  <span style="color:grey"><i class="bi bi-shield-check me-1"></i>Onion</span>
+	        </a>
+                <a class="text-decoration-none" href="/donate">
+                  <span style="color:grey"><i class="bi bi-heart me-1"></i>Donate</span>
+	        </a>
+	      </div>
+	    </div>
           </div>
-	</div>
+	  <div class="d-none d-sm-block"> <!-- Show on >= sm screens -->
+            <div class="row mb-2">
+              <div class="d-flex justify-content-center">
+                <a class="text-decoration-none me-2" href="https://github.com/aglkm/grin-explorer">
+                  <span style="color:grey"><i class="bi bi-github me-1"></i>v0.1.8</span>
+	        </a>
+                <a class="text-decoration-none me-2" href="/search">
+                  <span style="color:grey"><i class="bi bi-search me-1"></i>Search</span>
+	        </a>
+	        <a class="text-decoration-none me-2" href="/api_overview">
+                  <span style="color:grey"><i class="bi bi-robot me-1"></i>API</span>
+	        </a>
+	        <a class="text-decoration-none me-2" href="http://wieo55w5a56itvs73sqbvr5er6rxfukqjgf2rjbrlzxb3pax66rlodid.onion">
+                  <span style="color:grey"><i class="bi bi-shield-check me-1"></i>Onion</span>
+	        </a>
+                <a class="text-decoration-none" href="/donate">
+                  <span style="color:grey"><i class="bi bi-heart me-1"></i>Donate</span>
+	        </a>
+	      </div>
+	    </div>
+          </div>
+        </div>
       </code>
     </footer>