S-search-field placeholder text misaligned and wrong color in POS UI Extensions

[marcelosomers]

The s-search-field component in POS UI Extensions has placeholder styling issues. The placeholder text appears vertically aligned to the bottom of the input box and renders as white instead of the expected subdued gray color. Once the user starts typing, the entered text displays correctly.

Package version: @shopify/ui-extensions: 2026.1.0-rc.5 - but also happened on 2025-10.

Screenshot:

Code:

<s-page heading="Shipments">
    <s-scroll-box>
      <s-stack gap="base" padding="base">
        <s-search-field
          placeholder="Search by shipment number..."
          value={searchQuery}
          input={(e: Event) => setSearchQuery((e.currentTarget as HTMLInputElement).value)}
        />
      </s-stack>
    </s-scroll-box>
  </s-page>