diff --git a/core/templates/core/report.html b/core/templates/core/report.html
index 516aac7..177f233 100644
--- a/core/templates/core/report.html
+++ b/core/templates/core/report.html
@@ -72,7 +72,8 @@
                             <span class="text-muted" style="font-size: 0.6rem; letter-spacing: 0;">(optional)</span>
                         </label>
                         <input type="month" id="popoverFromMonth" class="form-control form-control-sm">
-                        <div class="form-text small" style="font-size: 0.72rem; opacity: 0.75;">
+                        <div class="form-text small"
+                             style="font-size: 0.72rem; color: var(--text-tertiary);">
                             Leave blank for a single month
                         </div>
                     </div>
@@ -665,6 +666,18 @@ document.addEventListener('DOMContentLoaded', function() {
         // teams that never logged on Project X.)
         if (key === 'projects') applyCrossFilter('projects');
         if (key === 'teams') applyCrossFilter('teams');
+
+        // Auto-open the Choices.js dropdown so options are visible
+        // immediately — the pill click means "show me the list." Without
+        // this, the user has to click the search input first, which feels
+        // like an extra step. Deferred one tick so it runs AFTER any
+        // cross-filter destroy/recreate above has settled.
+        if (key === 'projects' && projectsChoices) {
+            setTimeout(function() { projectsChoices.showDropdown(true); }, 0);
+        }
+        if (key === 'teams' && teamsChoices) {
+            setTimeout(function() { teamsChoices.showDropdown(true); }, 0);
+        }
     }
 
     // --- Pill click: toggle popover ---