diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 4282d21..38a78e7 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -96,7 +96,18 @@
 
         <div class="settings-option">
             <div>
-                Use SSL: <input type=checkbox bind:checked={config.ssl}>
+                SSL:
+                <select bind:value={config.ssl}>
+                    <option value={true}>True</option>
+                    <option value={false}>False</option>
+                    <option value={{}}>Advanced</option>
+                </select>
+                {#if typeof(config.ssl) === 'object'}
+                    <div>
+                        Reject Unauthorized
+                        <input type="checkbox" bind:checked={config.ssl.rejectUnauthorized}>
+                    </div>
+                {/if}
             </div>
         </div>
 
diff --git a/src/utils.js b/src/utils.js
index 52338e4..c63606c 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -6,6 +6,7 @@ const mockApi = {
         'TestCluster': {
             clientId: 'TestClient',
             brokers: ['testbroker.com:5000'],
+            ssl: true,
             sasl: {
                 mechanism: 'SCRAM-SHA-512',
                 username: 'testuser',