Need help with CSS

Can anyone help me figure out how to position some items. I have a ion-input and below that I have an ion-range that I have customized to be larger and more square. The issue is there is to much space between the two and when I do get the closer the range-pin gets cutoff when sliding. Anyone know what to do to override this and bring these 2 items closer together. Here are some images and code…