diff --git a/static/js/managers/SettingsManager.js b/static/js/managers/SettingsManager.js
index 399e27b4..d3fbd6b1 100644
--- a/static/js/managers/SettingsManager.js
+++ b/static/js/managers/SettingsManager.js
@@ -4,12 +4,24 @@ import { showToast } from '../utils/uiHelpers.js';
 export class SettingsManager {
     constructor() {
         this.initialized = false;
+        this.isOpen = false;
     }
 
+    toggleSettings() {
+        if (this.isOpen) {
+            modalManager.closeModal('settingsModal');
+        } else {
+            modalManager.showModal('settingsModal');
+        }
+        this.isOpen = !this.isOpen;
+    }
+
+    /*
     showSettings() {
         console.log('Opening settings modal...'); // Debug log
         modalManager.showModal('settingsModal');
     }
+    */
 
     async saveSettings() {
         const apiKey = document.getElementById('civitaiApiKey').value;
diff --git a/templates/loras.html b/templates/loras.html
index 5408af9a..d6fdd0a7 100644
--- a/templates/loras.html
+++ b/templates/loras.html
@@ -39,7 +39,7 @@
             <img src="/loras_static/images/theme-toggle-light.svg" alt="Theme" class="theme-icon light-icon">
             <img src="/loras_static/images/theme-toggle-dark.svg" alt="Theme" class="theme-icon dark-icon">
         </div>
-        <div class="settings-toggle" onclick="settingsManager.showSettings()" title="Settings">
+        <div class="settings-toggle" onclick="settingsManager.toggleSettings()" title="Settings">
             <i class="fas fa-cog"></i>
         </div>
     </div>