Item rendering over item count even when called before the text.

public void render(MatrixStack stack, int mouseX, int mouseY, float partialTicks) {
        renderBg(stack, partialTicks, mouseX, mouseY);
        renderSlots(stack);
        renderCursorSlot(stack, mouseX, mouseY);
        renderLabels(stack, mouseX, mouseY);
        renderTooltip(stack, mouseX, mouseY);
    }

    public void renderSlots(MatrixStack stack) {
        int x = (this.width - this.imageWidth) / 2;
        int y = (this.height - this.imageHeight) / 2;

        for(Slot slot : container.slots) {
            super.itemRenderer.renderGuiItem(slot.getItem(), slot.x + x, slot.y + y);
            if(!slot.getItem().isEmpty() && !(slot.getItem().getCount() == 1)) {
                this.font.draw(stack, Integer.toString(slot.getItem().getCount()), slot.x + x + 8, slot.y + y + 8, 0xffffff);
            }
        }
    }

For some reason, it seems like the item renderer goes after the font draw even though it's called before. Any idea what's going on?