right attribute not working with input-group bootstrap 4

I have a search input. I used input-group in Bootstrap 4. Now, I want to position this element as absolute positioning with left and right attributes. Curiously, only the left attribute works but not the right. Any ideas why is this happening and solutions?

Here is a jsfiddle:

https://jsfiddle.net/Maged_Saeed/hse2kr4c/

Thanks in advance.