diff --git a/apps/web/src/views/detail.ejs b/apps/web/src/views/detail.ejs
index 1fa5772..cb27bcb 100644
--- a/apps/web/src/views/detail.ejs
+++ b/apps/web/src/views/detail.ejs
@@ -182,6 +182,17 @@
             </div>
           </div>
 
+          <div>
+            <label class="block text-sm text-gray-400 mb-1.5">Regions <span class="text-gray-600">(leave all unselected to use all regions)</span></label>
+            <div class="flex flex-wrap gap-2">
+              <% [['eu-central','🇩🇪 EU Central'],['us-east','🇺🇸 US East'],['us-west','🇺🇸 US West'],['ap-southeast','🇸🇬 AP Southeast']].forEach(function([val, label]) { %>
+              <label class="flex items-center gap-2 bg-gray-800 border border-gray-700 hover:border-gray-500 rounded-lg px-3 py-2 cursor-pointer transition-colors">
+                <input type="checkbox" value="<%= val %>" class="edit-region-check accent-blue-500" <%= (m.regions && m.regions.includes(val)) ? 'checked' : '' %>> <span class="text-sm text-gray-300"><%- label %></span>
+              </label>
+              <% }) %>
+            </div>
+          </div>
+
           <div>
             <label class="block text-sm text-gray-400 mb-1.5">Conditions <span class="text-gray-600">(optional)</span></label>
             <p class="text-xs text-gray-600 mb-3">Define up/down conditions. Defaults to status &lt; 400.</p>
@@ -267,6 +278,7 @@
         const rb = document.getElementById('edit-request-body').value.trim();
         body.request_body = rb || null;
         if (editQuery) body.query = editQuery;
+        body.regions = [...document.querySelectorAll('.edit-region-check:checked')].map(el => el.value);
         await api(`/monitors/${monitorId}`, { method: 'PATCH', body });
         location.reload();
       } catch (err) {