Input group - input sizes

<div>
    <label for="input-1" class="block ml-6 text-sm">Amount (GBP in thousands)</label>
    <span class="px-1 text-sm">£</span>
    <input 
        id="input-1"
        type="number"
        placeholder="(GBP in thousands)"
        class="border rounded px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
    />
    <span class="text-sm ">000</span>
</div>

<div>
    <label for="input-2" class="block ml-6">Amount (GBP in thousands)</label>
    <span class="px-1">£</span>
    <input 
        id="input-2"
        type="number"
        placeholder="(GBP in thousands)"
        class="border rounded px-2 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500"
    />
    <span>000</span>
</div>

<div>
    <label for="input-3" class="block ml-6 text-xl">Amount (GBP in thousands)</label>
    <span class="px-1 text-xl">£</span>
    <input 
        id="input-3"
        type="number"
        placeholder="(GBP in thousands)"
        class="border rounded px-2 py-1 text-xl focus:outline-none focus:ring-2 focus:ring-blue-500"
    />
    <span class="text-xl">000</span>
</div>