diff --git a/frontend/src/pages/Settings.svelte b/frontend/src/pages/Settings.svelte
index bc87738..af6792d 100644
--- a/frontend/src/pages/Settings.svelte
+++ b/frontend/src/pages/Settings.svelte
@@ -294,9 +294,9 @@
         <label for="s-note-label">Note Field Label</label>
         <input id="s-note-label" bind:value={noteLabel} placeholder="Additional note" />
       </div>
-      <label style="display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;cursor:pointer">
-        <input type="checkbox" bind:checked={noteRequired} />
-        Note field is required
+      <label style="display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;cursor:pointer;max-width:100%">
+        <input type="checkbox" style="flex-shrink:0" bind:checked={noteRequired} />
+        <span>Note field is required</span>
       </label>
       <p class="text-muted" style="font-size:0.78rem;margin-top:0.75rem">
         Signup form: <a href="/volunteer-signup" target="_blank" style="color:var(--c-accent)">/volunteer-signup</a>