diff --git a/static/trip.html b/static/trip.html
index b658f34..79026ad 100644
--- a/static/trip.html
+++ b/static/trip.html
@@ -73,7 +73,8 @@
.room-label { font-weight: bold; font-size: 0.8rem; margin-bottom: 0.2rem; }
.solver-score { font-size: 0.8rem; margin-top: 0.3rem; color: var(--wa-color-neutral-500); }
.divider { border: none; border-top: 1px solid #909090; margin: 0.75rem 0; }
- .pref-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.4rem; max-width: 24rem; }
+ .pref-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0; padding: 0.3rem 0.4rem; max-width: 24rem; }
+ .pref-row:nth-child(odd) { background: var(--wa-color-neutral-50); border-radius: 0.25rem; }
.pref-row .pref-name { flex: 1; font-size: 0.85rem; }
.pref-row wa-radio-group { white-space: nowrap; }
diff --git a/static/trip.js b/static/trip.js
index 4b97624..c933398 100644
--- a/static/trip.js
+++ b/static/trip.js
@@ -597,7 +597,7 @@ async function renderMemberView(me) {
const kindLabels = me.role === 'student'
? { '': 'OK', prefer: 'Prefer', prefer_not: 'Prefer Not' }
- : { '': 'OK', must_not: 'Must Not' };
+ : { '': 'OK to room with', must_not: 'Not OK to room with' };
const kindOptions = ['', ...me.level_kinds[me.role]];