Control or remove the icon and label in the Modal on POS

Extensions
1

I’m currently working on a Tile with a Modal popup, and I’m wondering if I can control this Icon and text in the pink box. Ideally I’ll like to hide it because it is superfluous given the Modal ready has a heading (and subheading if i choose).

Screenshot 2026-02-07 at 6.53.32 pm
Screenshot 2026-02-07 at 6.53.32 pm2353×552 75.4 KB

My Tile.jsx

import {render} from 'preact';

export default async () => {
  render(<Extension />, document.body);
}

function Extension() {
  const {i18n} = shopify;
  return (
    <s-tile
      heading={i18n.translate('tile_heading')}
      subheading={i18n.translate('tile_subheading')}
      onClick={() => shopify.action.presentModal()}
    />
  );
}

And inside the Modal.jsx

export default async () => {
  render(<Extension />, document.body);
};

function Extension() {
  ...
  return (
    <s-page heading="Diggers Member Search">
      <s-scroll-box>
      ...
      </s-scroll-box>
    </s-page>
  );