diff --git a/src/khoj/interface/web/base_config.html b/src/khoj/interface/web/base_config.html
index 870f4eb9..3d552714 100644
--- a/src/khoj/interface/web/base_config.html
+++ b/src/khoj/interface/web/base_config.html
@@ -162,14 +162,14 @@
             height: 40px;
         }
         .card-title {
-            font-size: medium;
+            font-size: x-large;
             font-weight: normal;
             margin: 0;
             padding: 0;
-            align-self: center;
+            align-self: end;
         }
         .card-title-text {
-            vertical-align: middle;
+            vertical-align: text-top;
         }
         .card-description {
             margin: 0;
diff --git a/src/khoj/interface/web/config.html b/src/khoj/interface/web/config.html
index a6339bcf..8c48cb7a 100644
--- a/src/khoj/interface/web/config.html
+++ b/src/khoj/interface/web/config.html
@@ -32,7 +32,7 @@
                 <div class="card-title-row">
                     <img class="card-icon" src="/static/assets/icons/computer.png" alt="Computer">
                     <h3 id="card-title-computer" class="card-title">
-                        Files
+                        <span>Files</span>
                         <img id="configured-icon-computer"
                             style="display: {% if not current_model_state.computer %}none{% endif %}"
                             class="configured-icon"
@@ -64,7 +64,7 @@
                 <div class="card-title-row">
                     <img class="card-icon" src="/static/assets/icons/github.svg" alt="Github">
                     <h3 class="card-title">
-                        Github
+                        <span>Github</span>
                         <img id="configured-icon-github"
                             class="configured-icon"
                             src="/static/assets/icons/confirm-icon.svg"
@@ -97,7 +97,7 @@
                 <div class="card-title-row">
                     <img class="card-icon" src="/static/assets/icons/notion.svg" alt="Notion">
                     <h3 class="card-title">
-                        Notion
+                        <span>Notion</span>
                         <img id="configured-icon-notion"
                             class="configured-icon"
                             src="/static/assets/icons/confirm-icon.svg"
@@ -139,7 +139,7 @@
                 <div class="card-title-row">
                     <img class="card-icon" src="/static/assets/icons/web.svg" alt="Language">
                     <h3 class="card-title">
-                        Language
+                        <span>Language</span>
                     </h3>
                 </div>
                 <div class="card-description-row">
@@ -180,7 +180,7 @@
                 <div class="card-title-row">
                     <img class="card-icon" src="/static/assets/icons/chat.svg" alt="Chat">
                     <h3 class="card-title">
-                        Chat
+                        <span>Chat</span>
                     </h3>
                 </div>
                 <div class="card-description-row">
@@ -211,7 +211,9 @@
         <div id="clients-api" class="api-settings">
             <div class="card-title-row">
                 <img class="card-icon" src="/static/assets/icons/key.svg" alt="API Key">
-                <h3 class="card-title">API Keys</h3>
+                <h3 class="card-title">
+                    <span>API Keys</span>
+                </h3>
             </div>
             <div class="card-description-row">
                 <p id="api-settings-card-description" class="card-description">Manage access from your client apps to Khoj</p>
@@ -237,7 +239,9 @@
         <div id="phone-number-input-card" class="api-settings">
             <div class="card-title-row">
                 <img class="card-icon" src="/static/assets/icons/whatsapp.svg" alt="WhatsApp icon">
-                <h3 class="card-title">WhatsApp</h3>
+                <h3 class="card-title">
+                    <span>WhatsApp</span>
+                </h3>
             </div>
             <div class="card-description-row">
                 <p id="api-settings-card-description-verified" class="card-description" style="{{ 'display: none;' if not phone_number else '' }}">Your number is connected. You can now chat with Khoj on WhatsApp at <a href="https://wa.me/18488004242">+1-848-800-4242</a>. Learn more about the integration <a href="https://docs.khoj.dev/clients/whatsapp">here</a>.</p>
diff --git a/src/khoj/interface/web/content_source_github_input.html b/src/khoj/interface/web/content_source_github_input.html
index d298d520..a7d6ccdf 100644
--- a/src/khoj/interface/web/content_source_github_input.html
+++ b/src/khoj/interface/web/content_source_github_input.html
@@ -6,7 +6,7 @@
             <img class="card-icon" src="/static/assets/icons/github.svg?v={{ khoj_version }}" alt="Github">
             <span class="card-title-text">Github</span>
             <div class="instructions">
-                <a href="https://docs.khoj.dev/#/github_integration">ⓘ Help</a>
+                <a href="https://docs.khoj.dev/data-sources/github_integration">ⓘ Help</a>
             </div>
         </h2>
         <form>
diff --git a/src/khoj/interface/web/content_source_notion_input.html b/src/khoj/interface/web/content_source_notion_input.html
index 1303730c..176da713 100644
--- a/src/khoj/interface/web/content_source_notion_input.html
+++ b/src/khoj/interface/web/content_source_notion_input.html
@@ -5,6 +5,9 @@
         <h2 class="section-title">
             <img class="card-icon" src="/static/assets/icons/notion.svg?v={{ khoj_version }}" alt="Notion">
             <span class="card-title-text">Notion</span>
+            <div class="instructions">
+                <a href="https://docs.khoj.dev/data-sources/notion_integration">ⓘ Help</a>
+            </div>
             <table>
                 <tr>
                     <td>