diff --git a/app/components/Filter/Panel.vue b/app/components/Filter/Panel.vue
index 788403ad31..748f921e70 100644
--- a/app/components/Filter/Panel.vue
+++ b/app/components/Filter/Panel.vue
@@ -217,7 +217,7 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
             </label>
             <!-- Search scope toggle -->
             <div
-              class="inline-flex rounded-md border border-border p-0.5 bg-bg"
+              class="inline-flex rounded-md border border-border p-0.5 bg-bg-muted"
               role="group"
               :aria-label="$t('filters.search_scope')"
             >
@@ -225,11 +225,11 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
                 v-for="scope in SEARCH_SCOPE_VALUES"
                 :key="scope"
                 type="button"
-                class="px-2 py-0.5 text-xs font-mono rounded-sm transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
+                class="px-2 py-0.5 text-xs font-mono rounded-sm border transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
                 :class="
                   filters.searchScope === scope
-                    ? 'bg-bg-muted text-fg'
-                    : 'text-fg-muted hover:text-fg'
+                    ? 'bg-bg-subtle text-fg border-fg-subtle'
+                    : 'text-fg-muted hover:text-fg border-transparent'
                 "
                 :aria-pressed="filters.searchScope === scope"
                 :title="getScopeDescriptionKey(scope)"