diff --git a/swh/web/templates/homepage.html b/swh/web/templates/homepage.html
--- a/swh/web/templates/homepage.html
+++ b/swh/web/templates/homepage.html
@@ -86,13 +86,6 @@
 <p>
   <div class="row">
     <div class="col-md-3" align="center"></div>
-    <div class="col-md-3 swh-web-app-link" align="center">
-      <a href="{% url 'api-homepage' %}">
-        <img id="swh-web-api-img" alt="Software Heritage Web API" src="{% static 'img/swh-api.png' %}"/>
-        <h5>Web API</h5>
-        <p>Query the archive programmatically using a RESTful API.</p>
-      </a>
-    </div>
     <div class="col-md-3 swh-web-app-link" align="center">
       <a href="{% url 'browse-search' %}">
         <img alt="Browse the Software Heritage archive" src="{% static 'img/swh-browse.png' %}"/>
@@ -100,6 +93,13 @@
         <p>Explore the archive using a dedicated web interface.</p>
       </a>
     </div>
+    <div class="col-md-3 swh-web-app-link" align="center">
+      <a href="{% url 'api-homepage' %}">
+        <img id="swh-web-api-img" alt="Software Heritage Web API" src="{% static 'img/swh-api.png' %}"/>
+        <h5>Web API</h5>
+        <p>Query the archive programmatically using a RESTful API.</p>
+      </a>
+    </div>
     <div class="col-md-3" align="center"></div>
   </div>
 </p>
diff --git a/swh/web/templates/layout.html b/swh/web/templates/layout.html
--- a/swh/web/templates/layout.html
+++ b/swh/web/templates/layout.html
@@ -76,18 +76,18 @@
         <nav class="mt-2">
           <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
             <li class="nav-header">Archive Access</li>
-            <li class="nav-item swh-api-item" title="Query the archive programmatically using a RESTful API">
-              <a href="{% url 'api-homepage' %}" class="nav-link swh-api-link">
-                <img class="nav-icon" src="{% static 'img/swh-api.png' %}"/>
-                <p>Web API</p>
-              </a>
-            </li>
             <li class="nav-item swh-browse-item" title="Explore the archive using a dedicated web interface">
               <a href="{% url 'browse-search' %}" class="nav-link swh-browse-link">
                 <img class="nav-icon" src="{% static 'img/swh-browse.png' %}"/>
                 <p>Browse</p>
               </a>
             </li>
+            <li class="nav-item swh-api-item" title="Query the archive programmatically using a RESTful API">
+              <a href="{% url 'api-homepage' %}" class="nav-link swh-api-link">
+                <img class="nav-icon" src="{% static 'img/swh-api.png' %}"/>
+                <p>Web API</p>
+              </a>
+            </li>
             <li class="nav-header">Features</li>
             <li class="nav-item swh-search-item" title="Search software origins to browse">
               <a href="{% url 'browse-search' %}" class="nav-link swh-search-link">