Maybe/app/views/accounts/accountables/vehicle/_overview.html.erb

<%# locals: (account:) %>

<div class="grid grid-cols-3 gap-2">
  <div class="rounded-xl bg-white shadow-xs border border-alpha-black-25 p-4">
    <h4 class="text-gray-500 text-sm"><%= t(".make_model") %></h4>
    <p class="text-xl font-medium text-gray-900">
      <%= [account.vehicle.make, account.vehicle.model].compact.join(" ").presence || t(".unknown") %>
    </p>
  </div>

  <div class="rounded-xl bg-white shadow-xs border border-alpha-black-25 p-4">
    <h4 class="text-gray-500 text-sm"><%= t(".year") %></h4>
    <p class="text-xl font-medium text-gray-900">
      <%= account.vehicle.year || t(".unknown") %>
    </p>
  </div>

  <div class="rounded-xl bg-white shadow-xs border border-alpha-black-25 p-4">
    <h4 class="text-gray-500 text-sm flex items-center gap-1"><%= t(".mileage") %></h4>
    <p class="text-xl font-medium text-gray-900">
      <%= account.vehicle.mileage || t(".unknown") %>
    </p>
  </div>

  <div class="rounded-xl bg-white shadow-xs border border-alpha-black-25 p-4">
    <h4 class="text-gray-500 text-sm"><%= t(".purchase_price") %></h4>
    <p class="text-xl font-medium text-gray-900">
      <%= format_money account.vehicle.purchase_price %>
    </p>
  </div>

  <div class="rounded-xl bg-white shadow-xs border border-alpha-black-25 p-4">
    <h4 class="text-gray-500 text-sm"><%= t(".current_price") %></h4>
    <p class="text-xl font-medium text-gray-900">
      <%= format_money account.balance_money %>
    </p>
  </div>

  <div class="rounded-xl bg-white shadow-xs border border-alpha-black-25 p-4">
    <h4 class="text-gray-500 text-sm"><%= t(".trend") %></h4>
    <div class="flex items-center gap-1" style="color: <%= account.vehicle.trend.color %>">
      <p class="text-xl font-medium">
        <%= account.vehicle.trend.value %>
      </p>

      <p>(<%= account.vehicle.trend.percent %>%)</p>
    </div>
  </div>
</div>