diff --git a/web/src/components/MediaBadge.vue b/web/src/components/MediaBadge.vue
index 3ceb833..9352994 100644
--- a/web/src/components/MediaBadge.vue
+++ b/web/src/components/MediaBadge.vue
@@ -10,7 +10,7 @@ const props = withDefaults(
 	{ size: 'sm' },
 )
 
-const OUTLINE = 'border border-accented bg-transparent text-toned'
+const OUTLINE = 'border border-accented bg-transparent text-toned in-data-selected:bg-default'
 
 const badges = {
 	unused: {