diff --git a/src/khoj/interface/web/assets/khoj.css b/src/khoj/interface/web/assets/khoj.css
index 3c3536a7..1c57fbce 100644
--- a/src/khoj/interface/web/assets/khoj.css
+++ b/src/khoj/interface/web/assets/khoj.css
@@ -199,7 +199,7 @@ img.khoj-logo {
     border: 3px solid var(--primary-hover);
 }
 
-@media screen and (max-width: 700px) {
+@media screen and (max-width: 1000px) {
     .khoj-nav-dropdown-content {
         display: block;
         grid-auto-flow: row;
@@ -215,7 +215,7 @@ img.khoj-logo {
     }
 }
 
-@media only screen and (max-width: 700px) {
+@media only screen and (max-width: 1000px) {
     div.khoj-header {
         display: grid;
         grid-auto-flow: column;
diff --git a/src/khoj/interface/web/utils.html b/src/khoj/interface/web/utils.html
index f9372482..b2d719cb 100644
--- a/src/khoj/interface/web/utils.html
+++ b/src/khoj/interface/web/utils.html
@@ -10,6 +10,9 @@
             <a id="agents-nav" class="khoj-nav" href="/agents">
                 <img id="agents-icon" class="nav-icon" src="/static/assets/icons/agents.svg" alt="Agents">
                 <span class="khoj-nav-item-text">Agents</span></a>
+            <a id="automations-nav" class="khoj-nav" href="/automations">
+                <img class="nav-icon" src="/static/assets/icons/automation.svg" alt="Automation">
+                <span class="khoj-nav-item-text">Automate</span></a>
             {% if has_documents %}
             <a id="search-nav" class="khoj-nav" href="/search">
                 <img class="nav-icon" src="/static/assets/icons/search.svg" alt="Search">