diff --git a/app/views/budget_categories/_budget_category.html.erb b/app/views/budget_categories/_budget_category.html.erb
index fc5829101..efa6467c1 100644
--- a/app/views/budget_categories/_budget_category.html.erb
+++ b/app/views/budget_categories/_budget_category.html.erb
@@ -61,14 +61,14 @@
             <%= format_money(budget_category.actual_spending_money) %>
           </span>
         </div>
-        <div class="whitespace-nowrap w-full sm:w-auto">
+        <div class="whitespace-nowrap w-full sm:w-auto inline-flex items-center gap-1">
           <span class="text-sm text-secondary"><%= t("reports.budget_performance.budgeted") %>:</span>
           <span class="font-medium text-primary">
             <%= format_money(budget_category.budgeted_spending_money) %>
-            <% if budget_category.inherits_parent_budget? %>
-              <span class="text-xs text-subdued">(<%= t("reports.budget_performance.shared") %>)</span>
-            <% end %>
           </span>
+          <% if budget_category.inherits_parent_budget? %>
+            <span class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-gray-500/5 text-secondary"><%= t("reports.budget_performance.shared") %></span>
+          <% end %>
         </div>
         <div class="whitespace-nowrap w-full sm:w-auto lg:ml-auto">
           <% if budget_category.available_to_spend >= 0 %>