A.コードを変更頂くことで対応可能です。

{% render 'huckleberry-subscription-widget-container' %}

こちらを読み込む箇所を

{% render 'huckleberry-subscription-product' %}

こちらを読み込ませて頂き、

snnipet > huckleberry-subscription-product.liquid

を下記のように変更してください。

##デフォルト
{% for group in product.selling_plan_groups %}
<fieldset>
  <legend>{{ group.name}}</legend>
  {% for selling_plan in group.selling_plans %}
    <input type="dropdown" name="selling_plan" value="{{ selling_plan.id }}">
    {{ selling_plan.name }}
  {% endfor %}
</fieldset>
{% endfor %}

##変更後
{% for group in product.selling_plan_groups %}
<fieldset>
  <legend>{{ group.name}}</legend>
  <select name="selling_plan">
  {% for selling_plan in group.selling_plans %}
    <option value="{{ selling_plan.id }}">{{ selling_plan.name }}</option>
  {% endfor %}
  </select>
</fieldset>
{% endfor %}

その後、CSSに合わせてカスタマイズしてください。

※CSS設定箇所は以下です。

huckleberry-subscription-product.liquid

custom.css

<aside> <img src="/icons/checklist_purple.svg" alt="/icons/checklist_purple.svg" width="40px" /> ヘルプページ