diff --git a/examples/demo/index.html b/examples/demo/index.html
index 43bb991..ec7d818 100644
--- a/examples/demo/index.html
+++ b/examples/demo/index.html
@@ -80,10 +80,10 @@
 /* controls */
 .controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}
 .seg{display:flex;flex-wrap:wrap;gap:6px;background:var(--sunken);border:1px solid var(--hair);border-radius:var(--r-lg);padding:4px}
-.seg b{font-weight:540;font-size:13px;color:var(--muted);padding:7px 14px;border-radius:var(--r-full);cursor:pointer;transition:.2s var(--ease)}
+.seg b{font-weight:540;font-size:13px;color:var(--muted);padding:12px 14px;border-radius:var(--r-full);cursor:pointer;transition:.2s var(--ease)}
 .seg b:hover{color:var(--ink)}
 .seg b.on{background:var(--indigo);color:#fff}
-.plainck{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer;user-select:none}
+.plainck{display:inline-flex;align-items:center;gap:8px;padding:12px 4px;margin:-12px -4px;font-size:13px;color:var(--muted);cursor:pointer;user-select:none}
 .plainck input{accent-color:var(--indigo);width:16px;height:16px}
 .plainck.act{color:var(--ink)}
 .situation{font-size:17px;color:var(--ink);font-weight:500;max-width:66ch;line-height:1.5;margin-bottom:4px}