diff --git a/src/components/FilteredList.vue b/src/components/FilteredList.vue
index 5880fb6..f570fe9 100644
--- a/src/components/FilteredList.vue
+++ b/src/components/FilteredList.vue
@@ -42,11 +42,11 @@ const filteredItems = computed(() =>
               <span>{{ item.name }}</span>
             </span>
             <FilterListTag
-              v-if="(item.role ?? 0 & Role.Receive) === Role.Receive"
+              v-if="((item.role ?? 0) & Role.Receive) === Role.Receive"
               :type="Role[Role.Receive]"
             />
             <FilterListTag
-              v-if="(item.role ?? 0 & Role.Give) === Role.Give"
+              v-if="((item.role ?? 0) & Role.Give) === Role.Give"
               :type="Role[Role.Give]"
             />
           </li>