Maybe/app/views/categories/_badge.html.erb

<%# locals: (category:) %>
<% category ||= Category.uncategorized %>

<div>
  <span class="flex items-center gap-1 text-sm font-medium rounded-full px-1.5 py-1 border truncate"
        style="
          background-color: color-mix(in srgb, <%= category.color %> 5%, white);
          border-color: color-mix(in srgb, <%= category.color %> 30%, white);
          color: <%= category.color %>;">
    <% if category.lucide_icon.present? %>
      <%= icon category.lucide_icon, size: "sm", color: "current" %>
    <% end %>
    <%= category.name %>
  </span>
</div>