diff --git a/frontend/src/pages/Settings.svelte b/frontend/src/pages/Settings.svelte
index 138af08..2f6ee8e 100644
--- a/frontend/src/pages/Settings.svelte
+++ b/frontend/src/pages/Settings.svelte
@@ -25,6 +25,7 @@
   let eventStartDate = $state('')
   let eventEndDate = $state('')
   let eventTimezone = $state('')
+  const timezones = Intl.supportedValuesOf('timeZone')
   let shiftSignupsOpen = $state(false)
   let togglingSignups = $state(false)
 
@@ -186,7 +187,12 @@
           </div>
           <div class="form-group" style="grid-column:1/-1">
             <label for="e-tz">Timezone</label>
-            <input id="e-tz" bind:value={eventTimezone} placeholder="America/Los_Angeles" />
+            <input id="e-tz" bind:value={eventTimezone} placeholder="America/Chicago" list="tz-list" />
+            <datalist id="tz-list">
+              {#each timezones as tz}
+                <option value={tz} />
+              {/each}
+            </datalist>
           </div>
         </div>
         <div class="actions">