diff --git a/src/khoj/interface/web/assets/khoj.css b/src/khoj/interface/web/assets/khoj.css
index 7372992e..a84d562f 100644
--- a/src/khoj/interface/web/assets/khoj.css
+++ b/src/khoj/interface/web/assets/khoj.css
@@ -85,6 +85,21 @@ img.khoj-logo {
     justify-self: center;
 }
 
+a.khoj-banner {
+    color: black;
+    text-decoration: none;
+}
+
+p.khoj-banner {
+    font-size: medium;
+    margin: 0;
+    padding: 10px;
+}
+
+p#khoj-banner {
+    display: inline;
+}
+
 @media only screen and (max-width: 600px) {
     div.khoj-header {
         display: grid;
diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
index 6575e8d1..37a5824c 100644
--- a/src/khoj/interface/web/chat.html
+++ b/src/khoj/interface/web/chat.html
@@ -166,20 +166,20 @@
         }
     </script>
     <body>
+        <div id="khoj-banner-container" class="khoj-banner-container">
+        {% if demo %}
+            <!-- Banner linking to https://khoj.dev -->
+                <a class="khoj-banner" href="https://khoj.dev" target="_blank">
+                    <p id="khoj-banner" class="khoj-banner">
+                        Enroll in Khoj cloud to get your own assistant
+                    </p>
+                </a>
+                <input type="text" id="khoj-banner-email" placeholder="email" class="khoj-banner-email"></input>
+                <button id="khoj-banner-submit" class="khoj-banner-button">Submit</button>
+        {% endif %}
+        </div>
         <!--Add Header Logo and Nav Pane-->
         <div class="khoj-header">
-            {% if demo %}
-                <!-- Banner linking to https://khoj.dev -->
-                <div class="khoj-banner-container">
-                    <a class="khoj-banner" href="https://khoj.dev" target="_blank">
-                        <p id="khoj-banner" class="khoj-banner">
-                            Enroll in Khoj cloud to get your own Github assistant
-                        </p>
-                    </a>
-                    <input type="text" id="khoj-banner-email" placeholder="email" class="khoj-banner-email"></input>
-                    <button id="khoj-banner-submit" class="khoj-banner-button">Submit</button>
-                </div>
-            {% endif %}
             {% if demo %}
                 <a class="khoj-logo" href="https://khoj.dev" target="_blank">
                     <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
@@ -351,7 +351,7 @@
         @media only screen and (max-width: 600px) {
             body {
                 grid-template-columns: 1fr;
-                grid-template-rows: auto minmax(80px, 100%) auto;
+                grid-template-rows: auto auto minmax(80px, 100%) auto;
             }
             body > * {
                 grid-column: 1;
@@ -364,11 +364,14 @@
             a.khoj-banner {
                 display: block;
             }
+            p.khoj-banner {
+                padding: 0;
+            }
         }
         @media only screen and (min-width: 600px) {
             body {
                 grid-template-columns: auto min(70vw, 100%) auto;
-                grid-template-rows: auto minmax(80px, 100%) auto;
+                grid-template-rows: auto auto minmax(80px, 100%) auto;
             }
             body > * {
                 grid-column: 2;
@@ -395,19 +398,10 @@
             }
         }
 
-        a.khoj-banner {
-            color: black;
-        }
-
         a.khoj-logo {
             text-align: center;
         }
 
-        p.khoj-banner {
-            margin: 0;
-            padding: 10px;
-        }
-
         button#khoj-banner-submit,
         input#khoj-banner-email {
             padding: 10px;
@@ -420,17 +414,17 @@
         input#khoj-banner-email:hover {
             box-shadow: 0 0 11px #aaa;
         }
-
-        p#khoj-banner {
-            display: inline;
-        }
-
-        a.khoj-banner {
-            color: black;
-            text-decoration: none;
+        div.khoj-banner-container-hidden {
+            margin: 0px;
+            padding: 0px;
         }
     </style>
     <script>
+        if ("{{demo}}" === "False") {
+            document.getElementById("khoj-banner-container").classList.remove("khoj-banner-container");
+            document.getElementById("khoj-banner-container").classList.add("khoj-banner-container-hidden");
+        }
+
         var khojBannerSubmit = document.getElementById("khoj-banner-submit");
 
         khojBannerSubmit?.addEventListener("click", function(event) {
diff --git a/src/khoj/interface/web/index.html b/src/khoj/interface/web/index.html
index a2b4e13a..1a5edf1d 100644
--- a/src/khoj/interface/web/index.html
+++ b/src/khoj/interface/web/index.html
@@ -216,19 +216,21 @@
     </script>
 
     <body>
+        {% if demo %}
+            <!-- Banner linking to https://khoj.dev -->
+            <div class="khoj-banner-container">
+                <a class="khoj-banner" href="https://khoj.dev" target="_blank">
+                    <p id="khoj-banner" class="khoj-banner">
+                        Enroll in Khoj cloud to get your own assistant
+                    </p>
+                </a>
+                <input type="text" id="khoj-banner-email" placeholder="email" class="khoj-banner-email"></input>
+                <button id="khoj-banner-submit" class="khoj-banner-button">Submit</button>
+            </div>
+        {% endif %}
         <!--Add Header Logo and Nav Pane-->
         <div class="khoj-header">
             {% if demo %}
-                <!-- Banner linking to https://khoj.dev -->
-                <div class="khoj-banner-container">
-                    <a class="khoj-banner" href="https://khoj.dev" target="_blank">
-                        <p id="khoj-banner" class="khoj-banner">
-                            Enroll in Khoj cloud to get your own Github assistant
-                        </p>
-                    </a>
-                    <input type="text" id="khoj-banner-email" placeholder="email" class="khoj-banner-email"></input>
-                    <button id="khoj-banner-submit" class="khoj-banner-button">Submit</button>
-                </div>
                 <a class="khoj-logo" href="https://khoj.dev" target="_blank">
                     <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
                 </a>
@@ -447,19 +449,10 @@
             }
         }
 
-        a.khoj-banner {
-            color: black;
-        }
-
         a.khoj-logo {
             text-align: center;
         }
 
-        p.khoj-banner {
-            margin: 0;
-            padding: 10px;
-        }
-
         button#khoj-banner-submit,
         input#khoj-banner-email {
             padding: 10px;
@@ -473,14 +466,13 @@
             box-shadow: 0 0 11px #aaa;
         }
 
-        p#khoj-banner {
-            display: inline;
-        }
-
         @media only screen and (max-width: 600px) {
             a.khoj-banner {
                 display: block;
             }
+            p.khoj-banner {
+                padding: 0;
+            }
         }
 
     </style>
