Removing direction: rtl from my styling section made the cloze appears at the start of the sentence as in your case, so I suggested adding it if you don’t have it already.
I think that’s because the block [...] has different directionality (LTR, I think) from the Arabic text, and I suspect that you have LTR set instead of RTL somehow. Maybe something is overriding this value? Try !important direction: rtl; instead.