diff --git a/apps/static/js/home/settings.js b/apps/static/js/home/settings.js
index 64b95ac..7503987 100644
--- a/apps/static/js/home/settings.js
+++ b/apps/static/js/home/settings.js
@@ -14,7 +14,16 @@ $(document).on("selectedServerChange", async function() {
     updateColourInput("defaultEmbedColour", "#" + server.default_embed_colour);
 });
 
+$("#serverSettingsBtn").on("click", async function() {
+    await showServerSettingsModal();
+});
+
+async function showServerSettingsModal() {
+    const server = getCurrentlyActiveServer();
+    $("#serverSettingsModal").modal("show");
+}
+
 $("#serverSettingsForm").on("submit", function(e) {
     e.preventDefault();
     alert("not implemented");
-})
\ No newline at end of file
+})
diff --git a/apps/templates/home/includes/settingsmodal.html b/apps/templates/home/includes/settingsmodal.html
new file mode 100644
index 0000000..b123974
--- /dev/null
+++ b/apps/templates/home/includes/settingsmodal.html
@@ -0,0 +1,20 @@
+<div id="serverSettingsModal" class="modal fade" data-bs-backdrop="static" tabindex="-1">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content rounded-1">
+            <form id="serverSettingsForm" class="mb-0" novalidate>
+                <div class="modal-header">
+                    <h5 class="modal-title ms-2">
+                        <span class="resolve-to-server-name"></span> Settings
+                    </h5>
+                </div>
+                <div class="modal-body p-4">
+                    test
+                </div>
+                <div class="modal-footer px-4">
+                    <button type="submit" class="btn btn-primary rounded-1 me-3 ms-0">Save Changes</button>
+                    <button type="button" class="btn btn-secondary rounded-1 me-3 ms-0" data-bs-dismiss="modal">Cancel</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/apps/templates/home/index.html b/apps/templates/home/index.html
index 7c6cc10..acc7eac 100644
--- a/apps/templates/home/index.html
+++ b/apps/templates/home/index.html
@@ -49,7 +49,10 @@
                             <h5 class="mb-0 resolve-to-server-id text-truncate text-body-secondary"></h5>
                         </div>
                         <div class="ms-auto">
-                            <button type="button" id="deleteSelectedServerBtn" class="btn btn-outline-danger rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Close this server">
+                            <button type="button" id="serverSettingsBtn" class="btn btn-outline-secondary rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Server settings">
+                                <i class="bi bi-gear"></i>
+                            </button>
+                            <button type="button" id="deleteSelectedServerBtn" class="btn btn-outline-danger rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Close server">
                                 <i class="bi bi-x-lg"></i>
                             </button>
                             <button type="button" id="backToSelectServer" class="btn btn-outline-secondary rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Go back">
@@ -82,9 +85,9 @@
                         <li class="nav-item" role="presentation">
                             <button id="contentTab" class="nav-link" data-bs-toggle="tab" data-bs-target="#contentTabPane" type="button" aria-controls="contentTabPane" aria-selected="false">Tracked Content</button>
                         </li>
-                        <li class="nav-item ms-auto" role="presentation">
+                        <!-- <li class="nav-item ms-auto" role="presentation">
                             <button id="settingsTab" class="nav-link" data-bs-toggle="tab" data-bs-target="#settingsTabPane" type="button" aria-controls="settingsTabPane" aria-selected="false">Settings</button>
-                        </li>
+                        </li> -->
                     </ul>
                 </div>
 
@@ -93,7 +96,7 @@
                         <div id="subscriptionsTabPane" class="tab-pane fade" role="tabpanel" aria-labelledby="subscriptionsTab" tabindex="0"></div>
                         <div id="filtersTabPane" class="tab-pane fade includes-table includes-table-controls includes-table-search" role="tabpanel" aria-labelledby="filtersTab" tabindex="0">  </div>
                         <div id="contentTabPane" class="tab-pane fade" role="tabpanel" aria-labelledby="contentTab" tabindex="0"></div>
-                        <div id="settingsTabPane" class="tab-pane fade" role="tabpanel" aria-labelledby="settingsTab" tabindex="0">{% include "home/includes/settingstab.html" %}</div>
+                        <!-- <div id="settingsTabPane" class="tab-pane fade" role="tabpanel" aria-labelledby="settingsTab" tabindex="0">{% include "home/includes/settingstab.html" %}</div> -->
                     </div>
                 </div>
             </div>
@@ -104,6 +107,7 @@
 {% include "home/includes/submodal.html" %}
 {% include "home/includes/filtermodal.html" %}
 {% include "home/includes/deletemodal.html" %}
+{% include "home/includes/settingsmodal.html" %}
 {% endblock content %}
 
 {% block javascript %}