IconField and Button doesn't look ok with Lara theme when adding in Card #title template

[mbaljeetsingh]

This is how IconField and button components looks with Lara theme in the Card #title template. It looks ok outside the card title. They look quite big. IconField icon is not aligned properly.

<card class="mt-8">
        <template #title>
          <div
            class="border-bottom-1 mt-3 flex w-full items-start justify-between"
          >
            <div class="flex flex-col gap-2">
              <h2 class="text-900 mb-3 mt-0 text-lg font-medium">Assets</h2>
            </div>
            <div class="space-x-3">
              <Button
                label="Upload Asset"
                severity="info"
                outlined
              />
              <Button
                label="Import Asset"
                severity="info"
                outlined
              />
            </div>
          </div>
          <div
            class="surface-border mt-3 flex flex-row items-center justify-between gap-5"
          >
            <IconField iconPosition="left" class="w-full">
              <InputIcon>
                <i class="pi pi-search"></span>
              </InputIcon>
              <InputText  placeholder="Search" class="w-full" />
            </IconField>
            <i class="pi pi-search cursor-pointer"></span>
          </div>
        </template>
</card>

[atakantepe]

Hi, the title is probably overwriting the input's font-weight and causing the issue. I suggest using <template #header>. Or you can overwrite the classes in the input text