how to make element center in customized react-slick?

Question

I try to make this active dot center of widows. but i can't do that. any one help me for that?

i have added code sandbox link here: CodeSandBox