diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html
index 3b003b2f8..3890d4bdc 100644
--- a/cookbook/templates/base.html
+++ b/cookbook/templates/base.html
@@ -139,11 +139,12 @@
                         <div class="dropdown-divider"></div>
                         <a class="dropdown-item" href="{% url 'docs_markdown' %}"><i
                                 class="fab fa-markdown fa-fw"></i> {% trans 'Markdown Help' %}</a>
-                        <a class="dropdown-item" href="{% url 'docs_api' %}"><i
-                                class="fas fa-terminal fa-fw"></i> {% trans 'API Documentation' %}</a>
-
                         <a class="dropdown-item" href="https://github.com/vabene1111/recipes"><i
                                 class="fab fa-github fa-fw"></i> {% trans 'GitHub' %}</a>
+                        <a class="dropdown-item" href="{% url 'docs_api' %}"><i
+                                class="fas fa-passport fa-fw"></i> {% trans 'API Documentation' %}</a>
+                        <a class="dropdown-item" href="{% url 'api:api-root' %}"><i
+                                class="fas fa-file-code fa-fw"></i> {% trans 'API Browser' %}</a>
                         <div class="dropdown-divider"></div>
                         <a class="dropdown-item" href="{% url 'logout' %}"><i
                                 class="fas fa-sign-out-alt fa-fw"></i> {% trans 'Logout' %}</a>